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>
相关文章
|
8月前
|
iOS开发
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
28 0
|
6月前
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
85 0
|
7月前
|
JavaScript 前端开发
49EasyUI 窗口- 自定义带有工具条和按钮的对话框
49EasyUI 窗口- 自定义带有工具条和按钮的对话框
22 0
|
9月前
|
前端开发
添加按钮的两种方式
添加按钮的两种方式
44 0
|
JavaScript
怎么点击下拉框外面关闭下拉框
怎么点击下拉框外面关闭下拉框
214 0
|
11月前
|
XML 数据格式
AS中按钮不显示问题
AS中按钮不显示问题
|
前端开发 JavaScript
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
405 0
|
存储
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
432 0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态

热门文章

最新文章