zoukankan      html  css  js  c++  java
  • datetimerpicker插件实现只选择当天、当月

    好些时候,我们会用到时间插件,如datetimeroicker,基本的初始化官方文档都有详细介绍http://www.bootcss.com/p/bootstrap-datetimepicker.

    这里简单的介绍下基本用法:

    $('#timer').datetimepicker({
                    format: 'yyyy-mm-dd',//时间格式
                    language: 'zh-CN',
                    weekStart: 1,//周几开始
                    // todayBtn: 0,//显示今天
                    autoclose: 1,//自动关闭
                    todayHighlight: 0,//高亮显示今天
                    startView: 2,//开始视图
                    minView: 0,//最小视图
                    maxView: 2,//最大视图
                    minuteStep: 10,//分钟步进值
                    forceParse: 0,//强制解析输入框的值
                    initialDate: false
                })

    当我们不需要全部时间,对时间进行限定时,在初始化时我们需要对startDate,endDate进行处理,得到我们想要的时间节点,

    1、限定当天

    $('#timer').datetimepicker({
                    format: 'hh:ii',
                    language: 'zh-CN',
                    weekStart: 1,
                    // todayBtn: 0,
                    autoclose: 1,
                    todayHighlight: 0,
                    startView: 1,
                    minView: 0,
                    maxView: 1,
                    minuteStep: 10,
                    forceParse: 0,
                    initialDate: false,
                    startDate: (function () {
                      var date = (new Date().toLocaleDateString() + '/0/0').split('/');
                      return new Date(date[0],date[1],date[2],date[3],date[4]);
                     })(),//初始值设定当天的零点零分
                    endDate: (function () {
                      var date = (new Date().toLocaleDateString() + '/23/59').split('/');
                      return new Date(date[0], date[1], date[2], date[3], date[4]);
                    })()//结束时间设定当天的23:59分
                })

    2、限定当月

    $('#timer').datetimepicker({
                    format: 'dd-hh:ii',
                    language: 'zh-CN',
                    weekStart: 1,
                    // todayBtn: 0,
                    autoclose: 1,
                    todayHighlight: 0,
                    startView: 2,
                    minView: 0,
                    maxView: 2,
                    minuteStep: 10,
                    forceParse: 0,
                    initialDate: false,
                    startDate: (function () {
                      var date = (new Date().toLocaleDateString() + '/0/0').split('/');
                      return new Date(date[0],date[1]-1);
                     })(),
                    endDate: (function () {
                      var date = (new Date().toLocaleDateString() + '/23/59').split('/');
                      return new Date(date[0], date[1],0,date[3],date[4]);
                    })()
                })

    此处感谢前端朋友圈南京的朋友,开拓视野。

    码农随笔防失忆,只为记录风雨路上的脚丫印印~
  • 相关阅读:
    【转】pymongo实现模糊查询
    使用pip安装包提示TLS证书错误解决办法
    sed用法去除行首和行末的中括号
    logstash之filter处理中括号包围的内容
    根据IP查地理位置信息
    shell生成连续天数日期
    linux grep 取出特定字符串并统计个数
    【转】css3实现文字闪烁,改变透明度
    【转】Django中使用POST方法获取POST数据
    [算法]机器人运动范围
  • 原文地址:https://www.cnblogs.com/bella-lin/p/7837349.html
Copyright © 2011-2022 走看看