Official address: https://market.ionicframework.com/plugins/ionicdatepicker
Install npm files:
bower install ionic-datepicker --save bower install ionic-datepicker#0.9.0 --save
Mainly refer to JS files:
<script src="script/ionic-datepicker.bundle.min.js"></script>
JS content:
var app = angular.module("app", ["ionic", "ionic-datepicker"]); app.controller("ctrl", ["$scope","ionicDatePicker", function ($scope,ionicDatePicker) { $scope.ddd = " date " ; 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: ["一月", "二月", "三月", "June","May","April", "七月", "八月", "九月", "十月", "十一月", "十二月"],//["Jan", "Feb", "March", "April", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec"] setLabel: '选择', todayLabel: ' today ' , closeLabel: ' close ' , dateFormat: 'yyyy-MM-dd', mondayFirst: false, showTodayButton: true, closeOnSelect: false, templateType: ' popup ' , // disableWeekdays: [1]Cannot choose Monday }; $scope.openDatePicker = function () { ionicDatePicker.openDatePicker(ipObj1); }; }])