http://www.jayui.com/jedate/     这是日期控件官网，可以去里面下载使用

前台

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TimeStyle.aspx.cs" Inherits="PersonRecord.TimeStyle" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <link href="jedate/skin/jedate.css" rel="stylesheet" />

    <%--样式--%>

    <script src="jedate/jquery-1.7.2.js"></script>

    <script src="jedate/jquery.jedate.js"></script>

    <%--需要引用的脚本--%>

    <style>

        .laydate-icon {

            background: url(jedate/img/icon.png) no-repeat right;

        }

        .time {

            width: 249px;

            height: 15px;

            float: left;

            line-height: 15px;

            padding: 6px  6px 10px;

            border: 1px solid #C1C1C1;

        }

    </style>

    <script>

        $(function () {

            //第一种    这样会先显示日期在文本框中

            $("#txtTest").jeDate({   下面为参数的设置

                isinitVal: true,

                festival: true,

                ishmsVal: false,

                format: "YYYY年MM月DD日",

                zIndex:

            });

            //或者
          $.jeDate("#txtTest",{   参数设置   })

        })

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <input class="time laydate-icon" type="text" id="txtTest" readonly='readonly' />

            <input class="time laydate-icon" type="text" id="txtText11" name="txtText11" readonly='readonly'    //一开始文本框上没时间

                onclick="$.jeDate('#txtText11', { insTrigger: false, isTime: true, format: 'YYYY-MM-DD hh:mm' });" />

        </div>

    </form>

</body>

</html>

页面

当你点击文本框就会弹出日期

参数说明：  跟详细就去官网查看

skinCell:"jedateblue",                //日期风格样式，默认蓝色

format:"YYYY-MM-DD hh:mm:ss",         //日期格式

minDate:"1900-01-01 00:00:00",        //最小日期

maxDate:"2099-12-31 23:59:59",        //最大日期

insTrigger:true,                      //是否为内部触发事件，默认为内部触发事件

startMin:"",                          //清除日期后返回到预设的最小日期

startMax:"",                          //清除日期后返回到预设的最大日期

isinitVal:false,                      //是否初始化时间，默认不初始化时间

initAddVal:[],                       //初始化时间，加减 天 时 分

isTime:true,                          //是否开启时间选择

hmsLimit:true,                        //时分秒限制

ishmsVal:true,                        //是否限制时分秒输入框输入，默认可以直接输入时间

isClear:true,                         //是否显示清空

isToday:true,                         //是否显示今天或本月

clearRestore:true,                    //清空输入框，返回预设日期，输入框非空的情况下有效

festival:false,                       //是否显示农历节日

fixed:true,                           //是否静止定位，为true时定位在输入框，为false时居中定位

zIndex:,                          //弹出层的层级高度

marks:null,                           //给日期做标注

choosefun:function(elem, val) {},     //选中日期后的回调, elem当前输入框ID, val当前选择的值

clearfun:function(elem, val) {},      //清除日期后的回调, elem当前输入框ID, val当前选择的值

okfun:function(elem, val) {},         //点击确定后的回调, elem当前输入框ID, val当前选择的值

success:function(elem) {},            //层弹出后的成功回调方法, elem当前输入框ID

注： 文件———》jeDate日期已上传

jeDate日期控件的更多相关文章

  1. jeDate 日期控件

    写在前面的话: 最近在做一个日期范围的功能,研究了一个12306网站的日期范围选择,他用的是jcalendar.js,没有直接在日历插件里面做判断开始时间小于结束时间 而是自己在代码里面做了判断如下: ...

  2. AngularJS之jeDate日期控件基本使用

    业务背景: 初学AngularJs,最近一段时间,因业务需求,要求日期选择带有快捷键.时分秒等.鉴于AngularJS组件库ui-bootstrap没有此功能,找了一款基于原生JS实现的插件-jeDa ...

  3. jeDate日期控件精确到秒

    案例下载 链接: https://pan.baidu.com/s/1m7eEW6K6Bt1t-0OjVY_Wxw 密码: xmei <script type="text/javascr ...

  4. bootstrop 日期控件 datepicker被弹出框dialog覆盖的解决办法

    筒子们在使用bootstrap的日期控件(datepicker , 现在官网提供的名称叫 datetimepicker)时可能会遇到如上图的问题这是啥原因造成的呢? 答案很简单时输出的优先级造成的(z ...

  5. my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件

    描述问题场景: 1.jquery使用的版本是jquery-1.7.2.min.js 2.代码不是写在页面上的,是通过事件后追加的 <!DOCTYPE html> <html> ...

  6. 怎样使用My97日期控件

    有网友说无法使用My97日期控件,Insus.NET测试一下,是可以正常使用了. 在ASP.NET MVC环境中测试. 去官网下载My97日期控件程序包: 下载解压之后,把程序的目录拷贝至projec ...

  7. jQuery Datepicker日期控件

    datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. R ...

  8. jQuery LayDate 日期控件

    她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封 ...

  9. JQuery datepicker 日期控件设置

    datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...

随机推荐

  1. C++学习笔记：

    一 友元函数:友元函数没有this指针,不是类的成员,在外部定义无需类标识符,引用全局或者静态对象不需要类对象标识符,而访问非静态对象则需要. 二 类继承:如果不指定继承方式,默认是私有继承.但私有继 ...

  2. hdu 2222 ac自动机更新模板 for onSite contest

    http://acm.split.hdu.edu.cn/showproblem.php?pid=2222 #include <cstdio> #include <cstdlib> ...

  3. LoadScene场景异步加载

    LoadScene场景异步加载 using UnityEngine; using System.Collections; using UnityEngine.SceneManagement; usin ...

  4. Python函数(3)

    一.装饰器 什么是装饰器,装饰器就是用于拓展原来函数功能的一种函数 装饰器就是用来为被装饰对象添加新功能的工具,装饰器本身可以是任意可调用对象,被装饰的对象也可以是任意可调用对象 装饰器遵循一个关键原 ...

  5. ansible软件相关模块丶计划任务,剧本

    软件相关模块 yum rpm 和yum 的区别 rpm:redhat package manager yum可以解决依赖关系 yum 源配置 [epel] name=Extra Packages fo ...

  6. 电路中GND和GROUND、VCC,VDD,VEE,VSS

    电路解析:GND和GROUND.VCC,VDD,VEE,VSS 参考: http://www.elecfans.com/dianzichangshi/20160822432514.html 一.解释版 ...

  7. Elmah 数据库脚本

    /* 错误管理工具 SQL代码 */ CREATE TABLE dbo.ELMAH_Error ( ErrorId UNIQUEIDENTIFIER NOT NULL, Application NVA ...

  8. Python开发环境Wing IDE之Search in Files工具详解

    Search in Files工具是Wing IDE中最强大的搜索选项.它支持磁盘.项目,打开编辑器,或其它文件集的多文件批量搜索.它还可以使用通配符搜索,并可以做基于正则表达式的搜索/替换. 建议用 ...

  9. 压力测试工具ab的使用

    ab是Apache自带的HTTP压力测试工具,全称是ApacheBench 路径为\Apache\bin\ab.exe 参数文档: http://httpd.apache.org/docs/2.2/p ...

  10. 2.eclipse安装

    1.进入官网https://www.eclipse.org/ 2.配置工作目录:存放 1.项目代码    2.IDE相关配置信息 3.没有配置tomcat,所以为空.