官方地址:https://market.ionicframework.com/plugins/ionicdatepicker
安装NPM文件:
bower install ionic-datepicker --save bower install ionic-datepicker#0.9.0 --save
主要是引用JS文件:
<script src="script/ionic-datepicker.bundle.min.js"></script>
JS内容:
var app = angular.module("app", ["ionic", "ionic-datepicker"]); app.controller("ctrl", ["$scope","ionicDatePicker", function ($scope,ionicDatePicker) { $scope.ddd = "日期"; var ipObj1 = { callback: function (val) { $scope.ddd = new Date(val); }, from: new Date(), to: new Date().setMonth(new Date().getMonth() + 1), inputDate: new Date(), weeksList: ["日", "一", "二", "三", "四", "五", "六"],//["S", "M", "T", "W", "T", "F", "S"], monthsList: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],//["Jan", "Feb", "March", "April", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec"] setLabel: '选择', todayLabel: '今天', closeLabel: '关闭', dateFormat: 'yyyy-MM-dd', mondayFirst: false, showTodayButton: true, closeOnSelect: false, templateType: 'popup', //disableWeekdays: [1]不能选星期一 }; $scope.openDatePicker = function () { ionicDatePicker.openDatePicker(ipObj1); }; }])