前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >手机移动端日期时间控件lcalenda

手机移动端日期时间控件lcalenda

作者头像
全栈程序员站长
发布2022-08-31 20:19:00
1.7K0
发布2022-08-31 20:19:00
举报

大家好,又见面了,我是你们的朋友全栈君。

首先引用css js

代码语言:javascript
复制
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/timer/LCalendar/css/LCalendar.css" />
<div class="start_date_right"> <input type="text" name="start_date" id="start_date" placeholder="选择日期" readonly="readonly" /> 
</div>

<script src="__PUBLIC__/Home/timer/LCalendar/js/LCalendar.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
   var calendar = new LCalendar();
   calendar.init({
      'trigger': '#start_date', //标签id
      'type': 'date', //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择,
      'minDate': (new Date().getFullYear()-3) + '-' + 1 + '-' + 1, //最小日期
      'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期
   });
</script>

下载地址

http://618cj.com/2017/01/16/%E6%89%8B%E6%9C%BA%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4%E6%8E%A7%E4%BB%B6lcalenda/

结束.

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/142309.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档