同时使用 jquery 时间选择器和日期选择器
Use jquery timepicker and datepicker simultaneously
我需要同时使用时间选择器和日期选择器。但其中只有一个有效。我的代码在下面提到。我正在使用多个jquery文件。
<script type="text/javascript">
$(document).ready(function() {
$(".datepicker").datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('.timepicker').timepicker({
showPeriod: true,
showLeadingZero: true
});
});
</script>
Date : <input type="text" class="datepicker"/>
Time : <input type="text" class="timepicker"/>
使用日期选择器检查时间选择器 这个插件将两个选择器作为一个组件。
我用了 https://github.com/trentrichardson/jQuery-Timepicker-Addon
<link href="yourpath/jquery-ui-timepicker-addon.css'?>" rel="stylesheet" media="all">
<script src="yourpath/jquery-ui-timepicker-addon.js'?>"></script>
$(function() {
$( ".datepicker" ).datepicker();
});
$(function() {
$(".timepicker").timepicker();
});
和网页 输入类型="文本" 名称="日期" 值=" 占位符="会议名称" id="日期选择器"
input type="text" name="start_time" value="" placeholder="Starting Time" class="timepicker"
input type="text" name="end_time" value="" placeholder="Ending Time" class="timepicker"
它对我有用。我认为它的jquery版本问题
- 确保库是从 CDN http://cdnjs.com/libraries/jquery-ui-timepicker-addon 加载 的
成功加载 js 和 CSS 后,您可以按照 httpp://jonthornton.github.io/jquery-timepicker/中给出的示例使用该插件。我使用以下选项来获取 AM/PM 选择器;
$('input.timepicker').timepicker({controlType: 'select', timeFormat: 'hh:mm TT', 下拉菜单:真, 滚动条:假, 安普姆:真});
有关详细选项列表,请参阅 httpp://timepicker.co/options/
2 个链接有 httpp 而不是 http cz 所以不允许我在一个答案中发布很多链接。
相关文章:
- keith wood日期选择器日期格式和语言
- 如何将日期选择器日期转换为JSON对象以用于AJAX请求
- 如何使用下拉菜单修复jquery日期选择器日期计算功能
- jQuery:检索日期选择器日期,检查是否在日期范围内,显示/隐藏字段
- 存储日期选择器日期并保存在数据库中
- 基于Select值更改禁用jQueryUI日期选择器日期
- 从替代字段填充 jquery UI 日期选择器日期字段
- 如何获取引导时间选择器日期对象
- 角度材料的日期选择器日期错误
- Jquery日期选择器日期格式
- 启动日期选择器日期比较错误(英国/美国格式错误)
- 日期选择器日期空间问题
- 更改beforeShowDay函数中的日期选择器日期格式
- 如何使用jQuery比较两个日期选择器日期
- 日期选择器日期未定义
- 启动日期选择器日期范围和默认日期
- Bootstrap日期选择器日期(带或不带日期)
- 分析javascript中的日期选择器日期"dd月字符串,yyyy”;
- 通过输入字段中的天数更新日期选择器日期
- 显示2个日期选择器日期之间的天数