Vendor : Datepicker
A datepicker for twitter bootstrap
- License: MIT
- https://github.com/uxsolutions/bootstrap-datepicker
src/js/vendors/vendor.datepicker.js
Datepicker Basic
<!--
Translation - optional
data-quick-locale='{
"days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
"daysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
"daysMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
"months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
"monthsShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
"today": "Today",
"clear": "Clear",
"titleFormat": "MM yyyy"
}'
Optional datepicker title
data-title="Smarty Datepicker"
-->
<input type="text" name="" class="form-control datepicker"
data-show-weeks="true"
data-today-highlight="true"
data-today-btn="true"
data-clear-btn="false"
data-autoclose="true"
data-date-start="today"
data-format="MM/DD/YYYY">
Datepicker Ajax
Read about data-ajax-params
<!--
Translation - optional
data-quick-locale='{
"days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
"daysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
"daysMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
"months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
"monthsShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
"today": "Today",
"clear": "Clear",
"titleFormat": "MM yyyy"
}'
Optional datepicker title
data-title="Smarty Datepicker"
data-id="1" is not required but might be an id from the database.
You can instead to add to data-ajax-params ["id","1"]
-->
<input type="text" name="" class="form-control datepicker"
data-today-highlight="true"
data-show-weeks="true"
data-today-highlight="true"
data-today-btn="true"
data-autoclose="true"
data-format="MM/DD/YYYY"
data-id="1"
data-ajax-url="../demo.files/php/demo.ajax_request.php"
data-ajax-params="['action','date_change']['section','customer_invoice']"
data-ajax-method="POST"
data-toast-success="Sucessfully Updated!"
data-toast-position="bottom-center">
Daepicker Ajax link
Read about data-ajax-params
<!--
Translation - optional
data-quick-locale='{
"days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
"daysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
"daysMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
"months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
"monthsShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
"today": "Today",
"clear": "Clear",
"titleFormat": "MM yyyy"
}'
Optional datepicker title
data-title="Smarty Datepicker"
data-id="1" is not required but might be an id from the database.
You can instead to add to data-ajax-params ["id","1"]
-->
<a href="#" class="datepicker"
data-show-weeks="true"
data-today-highlight="true"
data-today-btn="true"
data-autoclose="true"
data-date-start="today"
data-format="MM/DD/YYYY"
data-id="1"
data-ajax-url="../demo.files/php/demo.ajax_request.php"
data-ajax-params="['action','date_change']['section','customer_invoice']"
data-ajax-method="POST"
data-toast-success="Sucessfully Updated!"
data-toast-position="bottom-center">
01/16/2022
</a>