Javascript 我可以让timepicker在输入字段中单击时启动吗?
我花了好几个小时试着让任何一个新的时间选择器工作(以前用过,它很棒,但在手机上总是离屏) 大多数似乎都是针对Bootstrap 2.x的,我无法让任何东西正常工作。终于开始了(在手机上不是很好,但是…) 我的问题是,我有很多微小的日期Javascript 我可以让timepicker在输入字段中单击时启动吗?,javascript,jquery,twitter-bootstrap,datepicker,timepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,Timepicker,我花了好几个小时试着让任何一个新的时间选择器工作(以前用过,它很棒,但在手机上总是离屏) 大多数似乎都是针对Bootstrap 2.x的,我无法让任何东西正常工作。终于开始了(在手机上不是很好,但是…) 我的问题是,我有很多微小的日期输入字段,所以我需要去掉字形图标,只需在输入字段本身上单击一下 我已经包括了我的小测试页面,以防其他人陷入困境。我没有意识到我需要moment.js,这花了我30分钟的时间 <html> <head> <meta
输入
字段,所以我需要去掉字形图标,只需在输入
字段本身上单击一下
我已经包括了我的小测试页面,以防其他人陷入困境。我没有意识到我需要moment.js,这花了我30分钟的时间
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="/beta022/bootstrap/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="/beta022/bootstrap/css/bootstrap-datetimepicker.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="/beta022/bootstrap/js/moment.js"></script>
<script type="text/javascript" src="/beta022/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="/beta022/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<form class="form">
<div class="form-group">
<div class='input-group date' id='datetimepicker4'>
<input type='text' class="form-control" />
<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
</form>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker4').datetimepicker({
pickDate: false, minuteStepping:5,
});
});
</script>
</div>
</div>
</html>
$(函数(){
$('#datetimepicker4')。datetimepicker({
pickDate:false,MinuteMapping:5,
});
});
编辑:这太奇怪了。摆脱了字形图标。将另一个span
放在输入的周围。工作,但与一个巨大的丑陋的边界。通过将输入组加载项更改为adxxdon,尝试禁用输入组加载项
类
,效果良好(没有圆角)。然后我尝试不使用类
,但它停止了工作。看来span
中的某种regex
正在进行
我的JS/CSS能力已经到了极限。如果有人有一个更整洁的解决方案,我将不胜感激。根据法律,这应该没什么大不了的。这很容易。请参阅文档:)
只需在javascript中使用一个属性,如下所示
<script type="text/javascript">
$(function () {
$('#datetimepicker4').datetimepicker({
pickDate: false,
minuteStepping:5,
allowInputToggle: true
});
});
</script>
$(函数(){
$('#datetimepicker4')。datetimepicker({
pickDate:false,
分钟:5,
AllownPuttoggle:真
});
});
allownPuttoggle:true
//如果此属性设置为true,则允许打开
同时单击两个图标上的datetimepicker下拉列表
与输入字段一样,单击。使用
allowInputToggle : true;
默认值:false
如果为true,则选择器将显示在文本框焦点上,并在单击时单击图标
在按钮组中使用
谢谢各位。我根本没看到。