Add Today Button in datetimepicker mit dem untenstehenden Code

Ich möchte heute Schaltfläche in datetimepicker Kalender hinzufügen. Ich habe eine Idee, mit der Syntax "todayBtn: true" hinzuzufügen. Aber ich weiß nicht, wie es zu implementieren, während sie mit dem Code unten zeigtAdd Today Button in datetimepicker mit dem untenstehenden Code

<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>

Quelle

2016-12-09 Python Team

Können Sie angeben, welche datetimepicker Komponente Sie verwenden? – VincenzoC

bootstrap datetimepicker –

Welcher? Können Sie einen Link bereitstellen? – VincenzoC

Versuchen showButtonPanel: true

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

JSfiddle

Quelle

2016-12-09 09:21:01 Andy

Nein, das funktioniert nicht. Und ich möchte auch mit dem gleichen Code nur wie in der Show-Syntax ändern –

Es funktioniert, siehe jsfiddle in meiner Antwort, und es gibt keine Notwendigkeit, datepicker explizit zu verstecken, Verstecken des Datepicker wird durch den internen jquery Code getan nachdem Sie das Datum ausgewählt haben. – Andy

Wenn ich auf Heute klicke, funktioniert es nicht. Ich habe versucht, Ihren Code in jsfiddle –

jquery-ui Fügen Sie JavaScript und CSS und fügen Sie den Code verweisen: http://jqueryui.com/datepicker/#buttonbar

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

Und Todays Datum in der Platte zu setzen:

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

Siehe hier: https://forum.jquery.com/topic/jquery-ui-datepicker-today-button

Quelle

2016-12-09 09:34:35

Sets folgende Eigenschaften für Ihre picker (todayBtn: "verknüpft").

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

Quelle

2018-01-24 06:01:59 wi7sonjoseph

Add Today Button in datetimepicker mit dem untenstehenden Code

Antwort

Verwandte Themen