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);
            };
        }])
  • 相关阅读:
    C#将List<T>转化为DataTable
    SqlServer常用内置函数
    C#索引器
    验证Textbox的字符长度
    WM消息对应的Message消息中的Lparam和WParam
    对窗体操作的WM消息
    DllImport使用
    C#获取当前路径的七种方法
    注册ActiveX控件
    [转]VS2010中水晶报表安装应用及实例
  • 原文地址:https://www.cnblogs.com/m110/p/8856136.html
Copyright © 2011-2022 走看看