ionic 日期选择控件

官方地址：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);
        };
    }])

 

转载于:https://www.cnblogs.com/m110/p/8856136.html