jeDate日期控件的使用以及选中后点确定按钮关闭功能

简介: jeDate日期控件的使用以及选中后点确定按钮关闭功能

在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。


<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title> </title>
    <link type="text/css" rel="stylesheet" href="test/jeDate-test.css">
    <link type="text/css" rel="stylesheet" href="skin/jedate.css">
    <script type="text/javascript" src="src/jedate.js"></script>
</head>
<body>
 <input  type="text" class="form-control input-medium" placeholder="开始时间"  id="beginTime" />
 <input  type="text" class="form-control input-medium" placeholder="结束时间"  id="endTime" />      
</body>
  <script type="text/javascript">       
    //选中后点确定按钮才关闭
    jeDate("#beginTime",{
        onClose:true,
        theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"},
        format: 'YYYY-MM-DD hh:mm:ss'
    });    
    jeDate("#endTime",{
        onClose:true,
        theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"},
        format: 'YYYY-MM-DD hh:mm:ss'
    });    
   </script>
</html>
相关文章
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
4672 0
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
3594 0
|
存储 搜索推荐 数据安全/隐私保护
python实战讲解之使用Python批量发送个性化邮件
python实战讲解之使用Python批量发送个性化邮件
|
Windows
企业微信无法正常启动,报错0xc0000142,解决办法
企业微信无法正常启动,报错0xc0000142,解决办法
3541 0
|
Java
Java中RoundingMode枚举类的详细用法解析
Java中RoundingMode枚举类的详细用法解析
1070 0
|
开发工具 开发者 iOS开发
如果苹果上架审核7个工作日仍无反应如何向苹果官方询问进度和提交反馈-App Store Connect方式和发送邮件询问方式-优雅草卓伊凡
如果苹果上架审核7个工作日仍无反应如何向苹果官方询问进度和提交反馈-App Store Connect方式和发送邮件询问方式-优雅草卓伊凡
4746 2
如果苹果上架审核7个工作日仍无反应如何向苹果官方询问进度和提交反馈-App Store Connect方式和发送邮件询问方式-优雅草卓伊凡
|
数据安全/隐私保护
APP备案使用证书查看公钥和md5
【10月更文挑战第19天】首先有了一个证书,文件后缀是keystore
3440 13
APP备案使用证书查看公钥和md5
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
移动开发 小程序 JavaScript
uniapp中uview组件库丰富的Slider 滑动选择器的使用方法
uniapp中uview组件库丰富的Slider 滑动选择器的使用方法
1883 1
uniapp下载图片到本地
uniapp下载图片到本地
547 0