zoukankan      html  css  js  c++  java
  • 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);
            };
        }])
  • 相关阅读:
    【BZOJ2067】[Poi2004]SZN
    BZOJ4675
    [bzoj3522][bzoj4543][POI2014]HOTEL
    bzoj2969矩形粉刷
    bzoj2969矩形粉刷
    1419: Red is good
    【BZOJ2698】染色
    BZOJ5084[hashit]
    [WC2014]紫荆花之恋
    齐次常系数递推关系式
  • 原文地址:https://www.cnblogs.com/m110/p/8856136.html
Copyright © 2011-2022 走看看