Merge pull request #2317 from bayitajesi/bootstrap-v3-datetimepicker

Adding type definitions for bootstrap-datetimepicker for bootstrap v3
2026-09-09 11:13:57 +08:00 · 2014-06-10 20:45:02 +01:00
parent e713407390 5d678c6a5b
commit 4350242d4d
2 changed files with 131 additions and 0 deletions
@@ -0,0 +1,31 @@
+/// <reference path="../jquery/jquery.d.ts"/>
+/// <reference path="bootstrap.v3.datetimepicker.d.ts" />
+
+function test_cases() {
+    $('#datetimepicker').datetimepicker();
+    $('#datetimepicker').datetimepicker({
+        pickDate: false
+    });
+	$('#datetimepicker').datetimepicker({
+        pickTime: false
+    });
+	$('#datetimepicker').datetimepicker({
+        minDate: '2012-12-31'
+    });
+	
+	$('#datetimepicker').data("DateTimePicker").setMaxDate('2012-12-31');
+	
+	var startDate = new Date(2012, 1, 20);
+    var endDate = new Date(2012, 1, 25);
+    $('#datetimepicker2')
+        .datetimepicker()
+        .on("dp.change", function (ev) {
+            if (ev.date.valueOf() > endDate.valueOf()) {
+                $('#alert').show().find('strong').text('The start date must be before the end date.');
+            } else {
+                $('#alert').hide();
+                startDate = ev.date;
+                $('#date-start-display').text($('#date-start').data('date'));
+            }
+        });
+}
@@ -0,0 +1,100 @@
+// Type definitions for Bootstrap datetimepicker v3 
+// Project: http://eonasdan.github.io/bootstrap-datetimepicker
+// Definitions by: Jesica N. Fera <https://github.com/bayitajesi>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+/**
+ * bootstrap-datetimepicker.js 3.0.0 Copyright (c) 2014 Jonathan Peterson
+ * Available via the MIT license.
+ * see: http://eonasdan.github.io/bootstrap-datetimepicker or https://github.com/Eonasdan/bootstrap-datetimepicker for details.
+ */
+
+/// <reference path="../jquery/jquery.d.ts"/>
+
+declare module BootstrapV3DatetimePicker {
+    interface DatetimepickerChangeEventObject extends JQueryEventObject {
+        date: any;
+        oldDate: any;
+    }
+
+    interface DatetimepickerEventObject extends JQueryEventObject {
+        date: any;
+    }
+
+    interface DatetimepickerIcons {
+        time?: string;
+        date?: string;
+        up?: string;
+        down?: string;
+    }
+
+    interface DatetimepickerOptions {
+        pickDate?: boolean;
+        pickTime?: boolean;
+        useMinutes?: boolean;
+        useSeconds?: boolean;
+        useCurrent?: boolean;
+        minuteStepping?: number;
+        minDate?: any;
+        maxDate?: any;
+        showToday?: boolean;
+        collapse?: boolean;
+        language?: string;
+        defaultDate?: string;
+        disabledDates?: Array<any>;
+        enabledDates?: Array<any>;
+        icons?: DatetimepickerIcons;
+        useStrict?: boolean;
+        direction?: string;
+        sideBySide?: boolean;
+        daysOfWeekDisabled?: Array<any>;
+    }
+
+    interface Datetimepicker {
+        setDate(date: any): void;
+        setMinDate(date: any): void;
+        setMaxDate(date: any): void;
+        show(): void;
+        disable(): void;
+        enable(): void;
+        getDate(): void;
+    }
+
+}
+
+
+interface JQuery {
+
+    datetimepicker(): JQuery;
+    datetimepicker(options: BootstrapV3DatetimePicker.DatetimepickerOptions): JQuery;
+
+    off(events: "dp.change", selector?: string, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerChangeEventObject) => any): JQuery;
+    off(events: "dp.change", handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerChangeEventObject) => any): JQuery;
+
+    on(events: "dp.change", selector: string, data: any, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerChangeEventObject) => any): JQuery;
+    on(events: "dp.change", selector: string, handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerChangeEventObject) => any): JQuery;
+    on(events: 'dp.change', handler: (eventObject: BootstrapV3DatetimePicker.DatetimepickerChangeEventObject) => any): JQuery;
+
+    off(events: "dp.show", selector?: string, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    off(events: "dp.show", handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    on(events: "dp.show", selector: string, data: any, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: "dp.show", selector: string, handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: 'dp.show', handler: (eventObject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    off(events: "dp.hide", selector?: string, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    off(events: "dp.hide", handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    on(events: "dp.hide", selector: string, data: any, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: "dp.hide", selector: string, handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: 'dp.hide', handler: (eventObject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    off(events: "dp.error", selector?: string, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    off(events: "dp.error", handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    on(events: "dp.error", selector: string, data: any, handler?: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: "dp.error", selector: string, handler: (eventobject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+    on(events: 'dp.error', handler: (eventObject: BootstrapV3DatetimePicker.DatetimepickerEventObject) => any): JQuery;
+
+    data(key: 'DateTimePicker'): BootstrapV3DatetimePicker.Datetimepicker;
+}