Question

我想在datetimepicker日历中添加Today按钮。我有一个想法添加语法＆＃34; todayBtn：true＆＃34; 。但我不知道如何实现它，同时显示以下代码

<html>
    <body>
        <input class="form-control date"  data-date-format="yyyy-mm-dd  hh:ii"    data-link-field="dtp_input1" placeholder="select to validity" name="from_validity" type="text" id="shankar" value="">
    </body>
</html>
<script>
   $("#shankar").click(function () {
       $("#shankar").datetimepicker('show').on('changeDate',function(ev) {               
           $('.datetimepicker').hide();
       });
    });
</script>

Answer 1

为datepicker设置以下属性（todayBtn：＆＃34;已链接＆＃34;）。

$('#dateFieldId').datepicker({
   todayBtn: "linked",
   todayHighlight : true,
   orientation: "left",
   autoclose: true
});

Answer 2

尝试showButtonPanel: true

$(function() {
    $( "#shankar" ).datepicker({
        showButtonPanel: true
    });
});

JSfiddle

Answer 3

包含jquery-ui javascript和css并添加代码参考：http://jqueryui.com/datepicker/#buttonbar

$(function() {
    $( "#shankar" ).datepicker({
        showButtonPanel: true
    });
});

并将今日日期列入小组：

$('button.ui-datepicker-current').live('click', function() {
        $.datepicker._curInst.input.datepicker('setDate', new Date()).datepicker('hide');
    });

请参阅此处：https://forum.jquery.com/topic/jquery-ui-datepicker-today-button

Answer 4

如果您的意思是this datetimepicker，那就简单了：

<html>
    <body>
        <input type="text" id="shankar" class="form-control" name="from_validity" placeholder="select to validity">
     </body>
</html>

<script>
    $(function() {
        $("#shankar").datetimepicker({
            showTodayButton: true,
            format: 'YYYY-MM-DD hh:mm'
        });
    });
 </script>

使用以下代码在datetimepicker中添加Today按钮

4 个答案: