gpt4 book ai didi

javascript - 日期时间选择器不起作用

转载 作者:行者123 更新时间:2023-11-30 17:04:25 25 4
gpt4 key购买 nike

我遇到了 datetimepicker 的情况。当我单击该图标时,它不显示任何日历。

chrome 浏览器在开发控制台中没有显示任何错误。

<script src="Scripts/jquery-2.1.1.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/moment.js"></script>
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script src="Scripts/bootstrap-datetimepicker.js"></script>
<script src="Scripts/bootstrap-select.min.js"></script>

<div class="row cuadrado">
<div class="col-md-4 col-sm-6 col-xs-1"><h4>Fecha de Nacimiento :</h4></div>
<div class="col-md-8 col-sm-6 col-xs-1">
<div class="input-group date" id="datetimepicker1">
<input type='text' id="fecha_nac" runat="server" name="fecha_nac" class="form-control input_margin" readonly="true" placeholder="Eliga la fecha"/>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>

$(function () {
$('#datetimepicker1>input').datetimepicker({
format: "yyyy-mm-dd"
});
});

最佳答案

如果您为输入提供适当的 id 并将 datetimepicker 插件绑定(bind)到它,就会容易得多。

HTML

<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label for="date">Date</label>
<div class="input-group">
<input name="date" type="text" id="my-date" class="form-control form-date">
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</div>
</div>

JS

$( '#my-date' ).datetimepicker( { format: 'MM-DD-YYYY' } );

这是一个有效的 JSFiddle

关于javascript - 日期时间选择器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28282326/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com