1. 添加插件:cordova plugin add cordova-plugin-datepicker;

2.插件的主体样式设置:

cordova日期插件的使用:cordova-plugin-datepicker

cordova日期插件的使用:cordova-plugin-datepicker

cordova日期插件的使用:cordova-plugin-datepicker

3.以上5中样式的截图:

THEME_TRADITIONAL的样式:(安卓默认的样式,只能点击选择年月日)

cordova日期插件的使用:cordova-plugin-datepicker

THEME_HOLO_DARK的样式(可以滑动选择)   和  THEME_DEVICE_DEFAULT_DARK样式相同

cordova日期插件的使用:cordova-plugin-datepicker

 THEME_HOLO_LIGHT(可以滑动选择) 和   THEME_DEVICE_DEFAULT_LIGHT 的样式相同;

cordova日期插件的使用:cordova-plugin-datepicker

日期选择插件的使用:

var options = {
        date: new Date(),
        mode: 'date', // or 'time'
        minDate: 0,
        allowOldDates: true,
        allowFutureDates: true,
        doneButtonLabel: 'DONE',
        doneButtonColor: '#F2F3F4',
        cancelButtonLabel: 'CANCEL',
        cancelButtonColor: '#000000'
    };
$cordovaDatePicker.show(options).then(function(date){
     alert(date);
});

 

相关文章:

  • 2021-05-24
  • 2022-02-22
  • 2021-11-22
  • 2021-11-30
  • 2021-09-21
  • 2022-01-09
  • 2022-01-06
  • 2021-09-22
猜你喜欢
  • 2021-12-29
  • 2021-06-17
  • 2021-08-30
  • 2022-01-15
  • 2021-10-29
相关资源
相似解决方案