78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
/**
|
|
jQuery UI datefield input - modification for inline mode.
|
|
Shows normal <input type="text"> and binds popup datepicker.
|
|
Automatically shown in inline mode.
|
|
|
|
@class dateuifield
|
|
@extends dateui
|
|
|
|
@since 1.4.0
|
|
**/
|
|
(function ($) {
|
|
"use strict";
|
|
|
|
var DateUIField = function (options) {
|
|
this.init('dateuifield', options, DateUIField.defaults);
|
|
this.initPicker(options, DateUIField.defaults);
|
|
};
|
|
|
|
$.fn.editableutils.inherit(DateUIField, $.fn.editabletypes.dateui);
|
|
|
|
$.extend(DateUIField.prototype, {
|
|
render: function () {
|
|
// this.$input = this.$tpl.find('input');
|
|
this.$input.datepicker(this.options.datepicker);
|
|
$.fn.editabletypes.text.prototype.renderClear.call(this);
|
|
},
|
|
|
|
value2input: function(value) {
|
|
this.$input.val($.datepicker.formatDate(this.options.viewformat, value));
|
|
},
|
|
|
|
input2value: function() {
|
|
return this.html2value(this.$input.val());
|
|
},
|
|
|
|
activate: function() {
|
|
$.fn.editabletypes.text.prototype.activate.call(this);
|
|
},
|
|
|
|
toggleClear: function() {
|
|
$.fn.editabletypes.text.prototype.toggleClear.call(this);
|
|
},
|
|
|
|
autosubmit: function() {
|
|
//reset autosubmit to empty
|
|
}
|
|
});
|
|
|
|
DateUIField.defaults = $.extend({}, $.fn.editabletypes.dateui.defaults, {
|
|
/**
|
|
@property tpl
|
|
@default <input type="text">
|
|
**/
|
|
tpl: '<input type="text"/>',
|
|
/**
|
|
@property inputclass
|
|
@default null
|
|
**/
|
|
inputclass: null,
|
|
|
|
/* datepicker config */
|
|
datepicker: {
|
|
showOn: "button",
|
|
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
|
|
buttonImageOnly: true,
|
|
firstDay: 0,
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
showOtherMonths: true
|
|
},
|
|
|
|
/* disable clear link */
|
|
clear: false
|
|
});
|
|
|
|
$.fn.editabletypes.dateuifield = DateUIField;
|
|
|
|
}(window.jQuery)); |