bootstrap-datetimepicker

$(…).datetimepicker is not a function

末鹿安然 提交于 2019-11-29 13:58:40
I use webpack and want to use bootstrap-datetimepicker . In my webpack config I use ProvidePlugin to get "jquery module". In my code I get error $(...).datetimepicker is not a function when I call $('#datetimepicker12').datetimepicker function. I don't why $ variable doesn't contain datetimepicker function, which should be defined in var datetimepicker = require('eonasdan-bootstrap-datetimepicker'); webpack.config.js var webpack = require('webpack'); var merge = require('webpack-merge'); var NpmInstallPlugin = require('npm-install-webpack-plugin'); var autoprefixer = require('autoprefixer');

Bootstrap 3 datetimepicker events not firing up

风流意气都作罢 提交于 2019-11-28 07:09:46
I am using Bootstrap 3 DateTimePicker and I am trying example 8 (Linked datetimepicker). Javascript $('#dpStart').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $('#dpEnd').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $("#dpStart").on("dp.change", function(e) { alert('hey'); $('#dpEnd').data("DateTimePicker").setMinDate(e.date); }); $("

How to detect bootstrap datetimepicker change events within angular2

对着背影说爱祢 提交于 2019-11-28 06:30:39
I am using the bootstrap datetimepicker in angular 2 https://eonasdan.github.io/bootstrap-datetimepicker/ In my template i have: <div class='input-group date datepicker'> <input type='text' class="form-control" [(ngModel)]="date"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" (click)="getCalendar()"></span> </span> {{date}} </div> The problem is when I select a date on the calendar by click, it does not trigger any "change" event (in other words, ngModel is not fired). If i type in the text box, then the {{date}} shows me the value plus the text i typed. How can I

Bootstrap Datetime Picker not working with Bootstrap 4 Alpha 6

蓝咒 提交于 2019-11-28 03:51:39
问题 We are using Eonasdan Datetime picker. We are migrated to Boostrap 4 Alpha 6 since it comes with lot of improvements over Alpha5 but Datetime picker broken. Now it's not showing the numbers when we click on calendar icon in datetime picker.But it's working with alpha 5.I am looking for a possible way to solve this. // Code goes here $(function () { $('#datetimepicker1').datetimepicker(); }); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width

Eonasdan datetimepicker for bootstrap 3 in xPages

故事扮演 提交于 2019-11-27 23:19:31
I'm having a problem with the bootstrap dateTimePicker control in my xpage application and I suspect this is to do with the way xPages generates a control id. The following code works fine without an id on the inputText element. <script type="text/javascript" src="/fPath/jquery-min.js"></script> <script type="text/javascript" src="/fPath/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/RfPath/bootstrap-datetimepicker-3.0.0/js/moment.min.js"></script> <script type="text/javascript" src="/fPath/bootstrap-datetimepicker-3.0.0/js/bootstrap-datetimepicker.min.js"><

Bootstrap 3 datetimepicker events not firing up

独自空忆成欢 提交于 2019-11-27 01:44:53
问题 I am using Bootstrap 3 DateTimePicker and I am trying example 8 (Linked datetimepicker). Javascript $('#dpStart').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $('#dpEnd').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $("#dpStart").on(

How to detect bootstrap datetimepicker change events within angular2

自闭症网瘾萝莉.ら 提交于 2019-11-27 01:22:49
问题 I am using the bootstrap datetimepicker in angular 2 https://eonasdan.github.io/bootstrap-datetimepicker/ In my template i have: <div class='input-group date datepicker'> <input type='text' class="form-control" [(ngModel)]="date"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" (click)="getCalendar()"></span> </span> {{date}} </div> The problem is when I select a date on the calendar by click, it does not trigger any "change" event (in other words, ngModel is not

Eonasdan datetimepicker for bootstrap 3 in xPages

荒凉一梦 提交于 2019-11-26 23:18:05
问题 I'm having a problem with the bootstrap dateTimePicker control in my xpage application and I suspect this is to do with the way xPages generates a control id. The following code works fine without an id on the inputText element. <script type="text/javascript" src="/fPath/jquery-min.js"></script> <script type="text/javascript" src="/fPath/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/RfPath/bootstrap-datetimepicker-3.0.0/js/moment.min.js"></script> <script type=