Dynamic textbox add with date and time picker
bootstrap-datetimepicker with dynamic
Date/Time Picker for Twitter Boostrap
Date/Time Picker for Twitter Boostrap
$('div[id^="datetimepicker"]').datetimepicker({ language: 'en', format: 'dd/MM/yyyy hh:mm:ss', pick12HourFormat: true }); $('.well').on('hover', 'div[id^="datetimepicker"]', function () { $(this).datetimepicker({ language: 'en', format: 'dd/MM/yyyy hh:mm:ss', pick12HourFormat: true }); }); var id = 1; $("#add").on('click', function () { id++; $(".well").append('<div id="datetimepicker' + id + '" class="input-append span12"><input type="text"/><span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i></span><button name="remove" class="btn btn-danger btn-small"><i class="icon-white icon-trash"></i></button></div>'); }); $(".well").on('click', '[name="remove"]', function () { $(this).parent().remove(); });
Dynamic textbox add with date and time picker
Reviewed by Bhaumik Patel
on
7:11 PM
Rating: