社区
JavaScript
帖子详情
如何制作一个下拉日历,选择日期。
夏落星空丶
2018-09-12 06:38:11
前台页面做一个下拉列表,里面是日历,可以选择年份,月份,日期。
后台接收到的是2018-9-12这种格式。。。
...全文
1197
9
打赏
收藏
如何制作一个下拉日历,选择日期。
前台页面做一个下拉列表,里面是日历,可以选择年份,月份,日期。 后台接收到的是2018-9-12这种格式。。。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
别团等shy哥发育
2020-04-24
打赏
举报
回复
实现可以,为啥我用js获取不到选择得日期值
哆啦0梦
2018-09-19
打赏
举报
回复
<input class="form-control" type="text" name="daterange" value="开始时间 - 结束时间" style="width: 250px;"/> <script> $(document).ready(function(){ $('input[name="daterange"]').daterangepicker(); $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY')); $('#reportrange').daterangepicker({ format: 'MM/DD/YYYY', startDate: moment().subtract(29, 'days'), endDate: moment(), minDate: '01/01/2012', maxDate: '12/31/2015', dateLimit: { days: 60 }, showDropdowns: true, showWeekNumbers: true, timePicker: false, timePickerIncrement: 1, timePicker12Hour: true, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] }, opens: 'right', drops: 'down', buttonClasses: ['btn', 'btn-sm'], applyClass: 'btn-primary', cancelClass: 'btn-default', separator: ' to ', locale: { applyLabel: 'Submit', cancelLabel: 'Cancel', fromLabel: 'From', toLabel: 'To', customRangeLabel: 'Custom', daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], firstDay: 1 } }, function(start, end, label) { console.log(start.toISOString(), end.toISOString(), label); $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); }); }); </script>
Logerlink
2018-09-13
打赏
举报
回复
如果项目用的是jQuery,datepicker就足够了
http://www.runoob.com/jqueryui/example-datepicker.html
LittleMan_LC
2018-09-13
打赏
举报
回复
https://download.csdn.net/download/littleman_lc/10426828
爱敲代码的胖纸
2018-09-13
打赏
举报
回复
有框架的,我用的是layui,很简单,https://www.layui.com/demo/laydate.html
Hello World,
2018-09-13
打赏
举报
回复
有封装好的控件,像easyui的datebox,或者mydate97什么的,不用自己写的
夏落星空丶
2018-09-13
打赏
举报
回复
input接收我会。。我是不会做下拉日历。
类似这种,一点出来界面,然后选一个日子,就生成2018-9-13这种格式
Stavin Li
2018-09-13
打赏
举报
回复
jeDate日期控件 http://www.jemui.com/uidoc/jedate.html
紫气天堂
2018-09-12
打赏
举报
回复
input标签中有专门用于时间的类型,再加上id或者name属性,最后通过js传递到后台就好
下拉
日历
表
下拉
的
日历
,可以直接运行。
选择
日期
后,在文本框中显示。
jq双
日历
日期
区间
选择
jquery双
日历
选择
日期
区间~~可以
选择
开始
日期
至结束
日期
,希望可以帮助到需要的人
三级
下拉
菜单联动实战案例
介绍了JS实现中国地区三级联动
下拉
菜单功能,结合完整实例分析了javascript基于事件响应实现页面元素动态变换的相关操作技巧,需要的朋友可以参考下方法01:纯前端(展现+数据)方法02:前端(展现)+后端(数据)
下拉
日期
控件.rar
下拉
日期
控件
下拉
日期
控件
下拉
日期
控件
下拉
日期
控件
下拉
日期
控件
下拉
日期
控件
下拉
日期
控件
日期
下拉
函数及案例
是
一个
小
日历
程序,用html和js写的,支持
下拉
选择
日期
功能。
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章