Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以让timepicker在输入字段中单击时启动吗?_Javascript_Jquery_Twitter Bootstrap_Datepicker_Timepicker - Fatal编程技术网

Javascript 我可以让timepicker在输入字段中单击时启动吗?

Javascript 我可以让timepicker在输入字段中单击时启动吗?,javascript,jquery,twitter-bootstrap,datepicker,timepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,Timepicker,我花了好几个小时试着让任何一个新的时间选择器工作(以前用过,它很棒,但在手机上总是离屏) 大多数似乎都是针对Bootstrap 2.x的,我无法让任何东西正常工作。终于开始了(在手机上不是很好,但是…) 我的问题是,我有很多微小的日期输入字段,所以我需要去掉字形图标,只需在输入字段本身上单击一下 我已经包括了我的小测试页面,以防其他人陷入困境。我没有意识到我需要moment.js,这花了我30分钟的时间 <html> <head> <meta

我花了好几个小时试着让任何一个新的时间选择器工作(以前用过,它很棒,但在手机上总是离屏)

大多数似乎都是针对Bootstrap 2.x的,我无法让任何东西正常工作。终于开始了(在手机上不是很好,但是…)

我的问题是,我有很多微小的日期
输入
字段,所以我需要去掉字形图标,只需在
输入
字段本身上单击一下

我已经包括了我的小测试页面,以防其他人陷入困境。我没有意识到我需要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,则选择器将显示在文本框焦点上,并在单击时单击图标 在按钮组中使用

谢谢各位。我根本没看到。