我正在将这个日期选择器用于我的Ionic应用程序:
我设置的两个选项似乎没有效果。
dateFormat: 'yyyy-MM-dd'
,也会以默认格式dd-MM-yyyy显示datepicker中的日期。closeOnSelect: true
,日期选择器也不会在选择时关闭,并且设置按钮可见。这是我的代码:
app.controller('MyCtrl', function($scope, $state) {
$scope.datepickerObject = {
titleLabel: 'Title', //Optional
inputDate: new Date(), //Optional
mondayFirst: true, //Optional
//disabledDates: disabledDates, //Optional
templateType: 'popup', //Optional
to: new Date(),
callback: function (val) { //Mandatory
datePickerCallback(val);
},
dateFormat: 'yyyy-MM-dd', //Optional
closeOnSelect: true //Optional
};
var datePickerCallback = function (val) {
if (typeof(val) === 'undefined') {
// no date selected
} else {
$scope.datepickerObject.inputDate = val;
}
};
});
答案 0 :(得分:0)
要自定义日期格式,您需要在html文件中指定:
<ionic-datepicker input-obj="datepickerObject">
<button class="button"> {{datepickerObject.inputDate | date:'yyyy/MM/dd'}}</button>
</ionic-datepicker>
此外,在当前版本中 - 0.9.0- closeOnSelect选择了工作。
https://github.com/rajeshwarpatlolla/ionic-datepicker/issues/110
此致