You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
126 KiB
1 line
126 KiB
1 year ago
|
{"config":{"lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Bootstrap 3 Datepicker v4 Docs Get awesome Dashboard Templates Looking for a template with the datepicker ready to go? Then get check out these templates from our partners. Creative Tim Material Dashboard Pro Gaia Bootstrap Template Pro Light Bootstrap Dashboard PRO React Flatlogic Light Blue Html5 Sing App Html5 Flatlogic One Bootstrap Template Note All functions are accessed via the data attribute e.g. $('#datetimepicker').data(\"DateTimePicker\").FUNCTION() Minimum Setup $(function () { $('#datetimepicker1').datetimepicker(); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <div class=\"form-group\"> <div class='input-group date' id='datetimepicker1'> <input type='text' class=\"form-control\" /> <span class=\"input-group-addon\"> <span class=\"glyphicon glyphicon-calendar\"></span> </span> </div> </div> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker1').datetimepicker(); }); </script> </div> </div> Using Locales $(function () { $('#datetimepicker2').datetimepicker({ locale: 'ru' }); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <div class=\"form-group\"> <div class='input-group date' id='datetimepicker2'> <input type='text' class=\"form-control\" /> <span class=\"input-group-addon\"> <span class=\"glyphicon glyphicon-calendar\"></span> </span> </div> </div> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker2').datetimepicker({ locale: 'ru' }); }); </script> </div> </div> Time Only $(function () { $('#datetimepicker3').datetimepicker({ format: 'LT' }); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <div class=\"form-group\"> <div class='input-group date' id='datetimepicker3'> <input type='text' class=\"form-control\" /> <span class=\"input-group-addon\"> <span class=\"glyphicon glyphicon-time\"></span> </span> </div> </div> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker3').datetimepicker({ format: 'LT' }); }); </script> </div> </div> Date Only $(function () { $('#datetimepicker3').datetimepicker({ format: 'L' }); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <div class=\"form-group\"> <div class='input-group date' id='datetimepicker3'> <input type='text' class=\"form-control\" /> <span class=\"input-group-addon\"> <span class=\"glyphicon glyphicon-time\"></span> </span> </div> </div> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker3').datetimepicker({ format: 'LT' }); }); </script> </div> </div> No Icon (input field only): $(function () { $('#datetimepicker4').datetimepicker(); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <input type='text' class=\"form-control\" id='datetimepicker4' /> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker4').datetimepicker(); }); </script> </div> </div> Enabled/Disabled Dates $(function () { $('#datetimepicker5').datetimepicker({ defaultDate: \"11/1/2013\", disabledDates: [ moment(\"12/25/2013\"), new Date(2013, 11 - 1, 21), \"11/22/2013 00:53\" ] }); }); Code <div class=\"container\"> <div class=\"row\"> <div class='col-sm-6'> <div class=\"form-group\"> <div class='input-group date' id='datetimepicker5'> <input type='text' class=\"form-control\" /> <span class=\"input-group-addon\"> <span class=\"glyphicon glyphicon-calendar\"></span> </span> </div> </div> </div> <script type=\"text/javascript\"> $(function () { $('#datetimepicker5').datetimepicker({ defaultDate: \"11/1/2013\", disabledDates: [ moment(\"12/25/2013\"), new Date(2013, 11 - 1, 21), \"11/22/2013 00:53\" ] }); }); </script> </div> </div> Linked Pickers $(function () { $('#datetimepicker6').datetimepicker(); $('#datetimepicker7').datetimepicker({ useCurrent: false }); $(\"#datetimepicker6\").on(\"dp.change\", function (e) { $('#datetimepicker7').data(\"DateTimePicker\").minDate(e.date); }); $(\"#datetimepicker7\").o
|