From 3a90a37ca45f91d9f314eaa1f7e86c056e56e7bb Mon Sep 17 00:00:00 2001 From: Jens Klaer Date: Wed, 14 Oct 2015 14:12:18 +0200 Subject: Added TJuiDatePicker an alternative datepicker control using the datepicker widget from jqueryui --- .../protected/pages/JuiControls/Home.page | 4 ++ .../JuiControls/Samples/TJuiDatePicker/Home.page | 65 ++++++++++++++++++++++ .../JuiControls/Samples/TJuiDatePicker/Home.php | 30 ++++++++++ .../protected/pages/JuiControls/Widgets.page | 17 ++++++ 4 files changed, 116 insertions(+) create mode 100644 demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page create mode 100644 demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php (limited to 'demos/quickstart/protected/pages') diff --git a/demos/quickstart/protected/pages/JuiControls/Home.page b/demos/quickstart/protected/pages/JuiControls/Home.page index 3dc81417..4bf8f7fe 100644 --- a/demos/quickstart/protected/pages/JuiControls/Home.page +++ b/demos/quickstart/protected/pages/JuiControls/Home.page @@ -88,6 +88,10 @@ For informations of the specific options of each interaction, follow jQuery-UI I TJuiDialog displays an movable dialog control +
  • + TJuiDatePicker + provides a date picker control +
  • diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page new file mode 100644 index 00000000..3c2d3141 --- /dev/null +++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page @@ -0,0 +1,65 @@ + +

    TJuiDatePicker Samples

    + + + + + + + + + + + + + +
    +Simple TJuiDatePicker: + + +
    +TJuiDatePicker with TRequiredFieldValidator: + + + + +
    +TJuiDatePicker with TDataTypeValidator: + + + + +
    +TJuiDatePicker with animation: + + + + + + + + + + + + + +
    +Change options of TJuiDatePicker during callback: + +
    +
    show button bar
    +
    display year & month menus
    +
    show week of year
    +
    show 3 months
    +
    + +
    diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php new file mode 100644 index 00000000..5126f68e --- /dev/null +++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php @@ -0,0 +1,30 @@ +dp4->getOptions()->showAnim = $sender->getSelectedValue(); + } + + public function change5($sender, $param) + { + $value = $sender->getValue(); + switch ($value) { + case 'button': + $this->dp5->getOptions()->showButtonPanel = $sender->getChecked(); + break; + case 'menu': + $this->dp5->getOptions()->changeYear = $this->dp5->getOptions()->changeMonth = $sender->getChecked(); + break; + case 'week': + $this->dp5->getOptions()->showWeek = $sender->getChecked(); + break; + case 'month': + $this->dp5->getOptions()->numberOfMonths = $sender->getChecked() ? 3 : 1; + break; + } + } + +} \ No newline at end of file diff --git a/demos/quickstart/protected/pages/JuiControls/Widgets.page b/demos/quickstart/protected/pages/JuiControls/Widgets.page index 4c74c491..63c6aa32 100644 --- a/demos/quickstart/protected/pages/JuiControls/Widgets.page +++ b/demos/quickstart/protected/pages/JuiControls/Widgets.page @@ -70,4 +70,21 @@ The buttons may contain a callback that will be fired when they are clicked.
    + + +

    TJuiDatePicker

    + -
    jQuery UI API + +

    +TJuiDatePicker is an extension to TActiveTextBox based on jQuery-UI's datepicker widget. +

    + +

    +TJuiDatePicker is an extended TActiveTextBox that shows a date picker dialog on focus for an easy way to enter a date into the textbox. +

    + + + +
    + -- cgit v1.2.3