• bootstrap-datetimepicker 获取时间


    下面是html代码,其中div的id:startTime用于初始化datetimepicker插件,表明开始时间显示在id:startTime上;div为id:endTime表明开始时间显示在id:endTime上。

    想要获取bootstrap-datetimepicker 显示的时间,就要获取input的值,因为bootstrap-datetimepicker 选取的时间在div内的input上

    下面的代码是初始化bootstrap-datetimepicker 控件,给控件的开始和结束时间绑定显示的div:

     //初始化控件
    //format设置的样式就是日期的样式,比如startTime='2017-09-24 12:00:00'.
    //当format:'YYYY-MM-DD'时,#startTime上显示的值为:2017-09-24
    //当format:'YYYY-MM-DD hh:mm:ss'时,#startTime上显示的值为:2017-09-24 12:00:00
    //当format:'YYYY/MM/DD'时,#startTime上显示的值为:2017/09/24
    //当format:'YYYY/MM/DD hh:mm:ss'时,#startTime上显示的值为:2017/09/24 12:00:00
        function initPlugin() {
            $('#startTime').datetimepicker({
                format:'YYYY-MM-DD',
                defaultDate:startTime,
                locale:'zh-CN',
                ignoreReadonly: true,
                debug: true
            });
    
            $('#endTime').datetimepicker({
                format:'YYYY-MM-DD',
                defaultDate:endTime,
                locale:'zh-CN',
                ignoreReadonly: true,
                debug: true
            });
        }
    

    想要获取#startTime和#endTime的时间有:

    $('搜索').click(function(){

    $('#startDate').val();//获取开始时间

    $('#endDate').val();//获取结束时间

    })

  • 相关阅读:
    设计模式之迭代模式
    CentOS8 上安装Docker
    设计模式之模板方法模式
    APP内嵌网页使用微信或支付宝的H5支付
    一、Mongodb安装和配置
    一台电脑上配置多个git的ssh key
    ELK搭建(docker环境)
    Elasticsearch7学习笔记
    java通过url获取音视频文件时长
    c语言之链表实现
  • 原文地址:https://www.cnblogs.com/liuXiaoDi/p/12868673.html
Copyright © 2020-2023  润新知