dateformat和closeOnSelect似乎对ionic-datepciker没有影响

时间:2015-11-19 08:53:53

标签: ionic-framework ionic

我正在将这个日期选择器用于我的Ionic应用程序:

  

https://github.com/rajeshwarpatlolla/ionic-datepicker

我设置的两个选项似乎没有效果。

  • 即使我已设置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;
    }
  };

});

1 个答案:

答案 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

此致