如何从DatePicker获取值 [英] How to get value from DatePicker
本文介绍了如何从DatePicker获取值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用jquery中的datepicker,但我不知道如何从中获取一个值。
I'm trying to work with datepicker from jquery, but I don't know, how to get a value from it.
我正在使用此代码对于datepicker视图:
I'm using this code for datepicker view:
JQ.DatePicker = Em.View.extend(JQ.Widget, {
uiType: 'datepicker',
uiOptions: ['disabled', 'altField', 'altFormat', 'appendText', 'autoSize', 'buttonImage', 'buttonImageOnly', 'buttonText', 'calculateWeek', 'changeMonth', 'changeYear', 'closeText', 'constrainInput', 'currentText', 'dateFormat', 'dayNames', 'dayNamesMin', 'dayNamesShort', 'defaultDate', 'duration', 'firstDay', 'gotoCurrent', 'hideIfNoPrevNext', 'isRTL', 'maxDate', 'minDate', 'monthNames', 'monthNamesShort', 'navigationAsDateFormat', 'nextText', 'numberOfMonths', 'prevText', 'selectOtherMonths', 'shortYearCutoff', 'showAnim', 'showButtonPanel', 'showCurrentAtPos', 'showMonthAfterYear', 'showOn', 'showOptions', 'showOtherMonths', 'showWeek', 'stepMonths', 'weekHeader', 'yearRange', 'yearSuffix'],
uiEvents: ['create', 'beforeShow', 'beforeShowDay', 'onChangeMonthYear', 'onClose', 'onSelect'],
tagName: 'input',
type: "text",
attributeBindings: ['type', 'value']
});
我的扩展视图:
App.DatePicker = JQ.DatePicker.extend({
dateFormat: 'yy-mm-dd',
classNames: ['form-control'],
onSelect: function(dateText, inst) {
this.value = dateText;
this.set('value',dateText);
}
});
在html页面我添加:
at html page I added:
{{#view App.DatePicker valueBinding="date"}}{{/view}}
我的控制器:
App.MainController = Ember.ArrayController.extend({
templateName: "main",
date: null,
saveDate: function(value){
console.log("saveDate");
this.date = value;
},
showData: function(){
alert(this.date);
},
});
我在{{查看App.DatePicker}}中测试了其他一些选项,但我不明白这些视图和控制器的工作原理。有人可以帮助我这个代码,或者给我发送一个关于这个主题的好的指南的链接?
I tested some other options in {{view App.DatePicker }}, but I don't understand how these view and controller work. Can somebody help me with this code or send me some link to a nice guide concerning this topic?
推荐答案
所以我想到了
将attributeBindings:[value]添加到App.DatePicker:
add attributeBindings: ["value"] to App.DatePicker:
App.DatePicker = JQ.DatePicker.extend({
dateFormat: 'yy-mm-dd',
classNames: ['form-control'],
onSelect: function(dateText, inst) {
this.value = dateText;
this.set('value',dateText);
},
attributeBindings: ["value"]
});
这篇关于如何从DatePicker获取值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文