%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/extensions/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/extensions/date-time-dropper.js |
/*========================================================================================= File Name: date-time-dropper.js Description: Datepicker and Timepicker plugins based on jQuery ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: GeeksLabs Author URL: http://www.themeforest.net/user/geekslabs ==========================================================================================*/ $(document).ready(function(){ /******************************************** * Date Dropper * ********************************************/ // Options // Animate $('#animate').dateDropper({ dropWidth: 200 }); // Init Animation $('#init_animation').dateDropper({ dropWidth: 200, init_animation: 'bounce' }); // Format $('#format').dateDropper({ dropWidth: 200, format: 'j l, F, Y' }); // Lang $('#lang').dateDropper({ dropWidth: 200, lang: 'ar' // Arabic }); // Lock $('#lock').dateDropper({ dropWidth: 200, lock: 'from' // To select date after today, 'to' to select date before today }); // Max Year $('#maxYear').dateDropper({ dropWidth: 200, maxYear: '2020' }); // Min Year $('#minYear').dateDropper({ dropWidth: 200, minYear: '2001' }); // Years Range $('#yearsRange').dateDropper({ dropWidth: 200, yearsRange: '5' }); // Styles // Drop Primary Color $('#dropPrimaryColor').dateDropper({ dropWidth: 200, dropPrimaryColor: '#F6BB42', dropBorder: '1px solid #F6BB42' }); // Drop Text Color $('#dropTextColor').dateDropper({ dropWidth: 200, dropPrimaryColor: '#10617E', dropBorder: '1px solid #10617E', dropBackgroundColor: '#23b1e3', dropTextColor: '#FFF' }); // Drop Background Color $('#dropBackgroundColor').dateDropper({ dropWidth: 200, dropBackgroundColor: '#ACDAEC', }); // Drop Border $('#dropBorder').dateDropper({ dropWidth: 200, dropPrimaryColor: '#2fb594', dropBorder: '1px solid #2dad8d', }); // Drop Border Radius $('#dropBorderRadius').dateDropper({ dropWidth: 200, dropPrimaryColor: '#e8273a', dropBorder: '1px solid #e71e32', dropBorderRadius: '0' }); // Drop Shadow $('#dropShadow').dateDropper({ dropWidth: 200, dropPrimaryColor: '#fa4420', dropBorder: '1px solid #fa4420', dropBorderRadius: '20', dropShadow: '0 0 10px 0 rgba(250, 68, 32, 0.6)' }); // Drop Width $('#dropWidth').dateDropper({ dropWidth: 250 }); // Drop Text Weight $('#dropTextWeight').dateDropper({ dropWidth: 200, dropTextWeight: 'normal' }); /******************************************** * Time Dropper * ********************************************/ // Options // Auto Switch $('#autoswitch').timeDropper(); // Meridians $('#meridians').timeDropper({ meridians: true }); // Format $('#timeformat').timeDropper({ format: 'HH:mm A' }); // Mousewheel $('#mousewheel').timeDropper({ mousewheel: true }); // Init Animation $('#time_init_animation').timeDropper({ init_animation: 'dropDown', meridians: true }); // Set Current Time $('#setCurrentTime').timeDropper(); // Styles // Primary Color $('#primaryColor').timeDropper({ primaryColor: '#2fb594', borderColor: '#2fb594' }); // Text Color $('#textColor').timeDropper({ primaryColor: '#2fb594', textColor: '#e8273a' }); // Background Color $('#backgroundColor').timeDropper({ primaryColor: '#FFF', backgroundColor: '#fa4420', borderColor: '#781602', textColor: '#781602' }); // Border Color $('#borderColor').timeDropper({ primaryColor: '#FFF', backgroundColor: '#23b1e3', borderColor: '#FFF', textColor: '#FFF' }); });