ionic date picker space

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);
        };
    }])

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324439805&siteId=291194637