1 line
126 KiB
JSON
1 line
126 KiB
JSON
|
{"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
|