laydate.js时间选择

例子:  <asp:HiddenField ID="hfdDateBuid3" runat="server" />

                                <script type="text/javascript">
                                    laydate({
                                        elem: ‘#dateBuid3‘, //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 ‘#id .class‘
                                        event: ‘focus‘, //响应事件。如果没有传入event,则按照默认的click
                                        choose: function (datas) { //选择日期完毕的回调
                                            SetHfdValue3(datas);
                                        }
                                    });
                                    $("#dateBuid3").val($("#hfdDateBuid3").val()); //页面刷新时将HiddenField值赋值给dateBuid;
                                    function SetHfdValue3(datas) {//将选择的值赋值给HiddenField
                                        $("#hfdDateBuid3").val(datas);
                                    }

                                </script>

图:

前台html:

日报日期:     <input id="dateBuid3" class="laydate-icon" onblur="SetHfdValue3(this.value)" style="width: 80px;" />

引用

 <script src="../../js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../../js/layer/laydate-master/laydate.dev.js" type="text/javascript"></script>
    <script src="../../js/layer/laydate-master/laydate.js" type="text/javascript"></script>
时间: 2024-08-04 05:08:18

laydate.js时间选择的相关文章

laydate JS日期插件

原文出处 简要介绍 你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴.她致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心雕琢, 兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些 传统日期控件的封闭与狭隘.layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用.她

laydate.js 月份区间选择插件

laydate.render({ elem: '#reservation2' , type: 'month' , range: true, //format: '2018/09', theme: '#3c8dbc', value:'2018-09 - 2018-09', // value: time, done: function(value, startDate, endDate){ // 回调函数 console.log(value); console.log(startDate.year

JS时间插件laydate

今天跟大家分享一个时间插件,这个插件是我以前经常使用的一个插件,比较强大,到目前为止还没有发现问题. 这个插件支持一下几点: 1.各种组合的时间选择(年月.年月日时分秒.阴历阳历) 2.时间区间 3.弹出显示与否 4.时间自定义格式 5.最大值最小值 6.等等 先去官网下载插件的压缩文件. 解压之后会得到<laydate>的文件夹,你可以直接把这个文件复制到你的项目中. 然后在你需要的地方引用 <script type="text/javascript" src=&q

js 日期控件laydate的使用

官网:http://laydate.layui.com/ API: 使用: 1. 下载官网上的压缩包,解压后复制laydate 文件夹到项目中; 2. 在页面引入 如: <script type="text/javascript" src="js/laydate/laydate.js"></script>: 3. 示例:(日期范围) 4. 运行效果

js 日期控件laydate使用

官网  http://sentsin.com/layui/laydate/ 1. 下载官网上的压缩包,解压后只需要复制laydate 文件夹到你的项目中; 2. 在页面引入  <script type="text/javascript" src="js/laydate/laydate.js"></script> 3. 在页面添加: <div class="inline layinput"> <input

laydate API

一.核心方法:laydate(options); options是一个对象,它包含了以下key: '默认值' elem: '#id', //需显示日期的元素选择器 event: 'click', //触发事件 format: 'YYYY-MM-DD hh:mm:ss', //日期格式 istime: false, //是否开启时间选择 isclear: true, //是否显示清空 istoday: true, //是否显示今天 issure: true, 是否显示确认 festival: tr

js日期插件

推荐一款贤心写的js日期插件,调用非常方便:顺手写了一个demo. 先列举下这款插件的优点:日期范围限制.开始日期设定.自定义日期格式.时间戳转换.当天的前后若干天返回.时分秒选择.智能响应.自动纠错.节日识别.快捷键操作.更换皮肤等. 当然还有很重要的一点是使用简单: 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>data_

HTML-001-日期组件 layDate 演示

在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式清爽. 此文主要以贤心所作的 layDate 组件进行日期选择的演示,敬请各位小主们参阅,若有不足之处,敬请大神指正,不胜感激! 闲不多言,直接上码. 演示文档的工程目录如下图所示: laydate-demo.html 对应的源代码为: 1 <!DOCTYPE html PUBLIC "-//

jQuery LayDate 日期控件

她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘.layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用.她遵循LGPL协议,您可以免费将她用于任何个人项目. 版本 LayDate 1.1 作者:闲心贤 github 在线实例 实例预览 layDate - js日期控件与时间插件演示 实例预览