Datepicker — Yii2 datepicker


Содержание

Получить значение из DatePicker в yii2

Я использую DatePicker от Kartik. Я использую его с диапазоном полей и хочу сделать из него функцию поиска. Но я не могу получить значение или сохранить значение переменной из него. Как это решить?

Решение

Ты можешь сделать

значение даты выбора будет храниться в вашей модели. В вашем контроллере вы должны создать экземпляр нового объекта вашей модели:

Надеюсь, мне было ясно, не стесняйтесь спрашивать, если нет ��

Другие решения

По вашему мнению попробуйте это

В вашем контроллере

Это может быть полезно для вас.
Ниже приведен код макета.

Правильное использование DatePicker от kartik

13.02.2020, 14:47

Yii2 Export PDF -kartik-v-
сделал по документации экспорт в PDF таблицы(gridview), но как сделать чтобы в PDF перенести.

Правильное использование namespace
Есть проект на чистом PHP, по долгу стажировки так надо, для лучшего понимания. Проект я сделал.

Правильное использование rewrite
сажу честно у меня её нету но наверное придётся использовать и так Проблема: есть у меня.

Правильное использование Limit
Привет, хочу использовать Limit в пагинации страниц, и вот собственно вопрос, можно ли использовать.

DatePicker работает только на 1-й строке динамической формы в Yii2

Я использую wbraganca динамическую-форму. Проблема I’am сталкивается в том, что DatePicker прекрасно работает для первой строки динамической формы. Но на остальных строк ее не работает. Я попробовал почти все возможное решение для него, но ни один из них не работает для меня.

Первое изменение я сделал код путем внесения изменений в yii2 динамическим form.js путем замены ниже кода

и теперь он показывает ошибку в консоли, как показано ниже

На самом деле, я изо всех сил в течение нескольких часов и, наконец, придумал простое решение, иногда это лучше подсчитывать решение из вашего опыта, а не поиск в течение нескольких часов.

Я сделал то же самое, как вы делали, но потом я сделал простую модификацию

Jus поймать вход, который имеет класс .krajee-Datepicker и инициализировать его с KvDatepicker нагрузки на него параметры первого Datepicker элемента, который вы создали.

Он работал для меня. скажите мне, если это работает


Datepicker — Yii2 datepicker

46 PHP Packages found for yii2 datetimepicker | Latest yii2 datetimepicker packages | RSS

brussens/yii2-datetimepicker-w >Bootstrap 3 DateTimePicker widget for Yii2.

kartik-v/yii2-w >Enhanced Yii2 wrapper for the bootstrap datetimepicker plugin (sub repo split from yii2-widgets)

2amigos/yii2-date-time-picker-w >Bootstrap DateTimePicker widget for Yii2.

zhuravljov/yii2-datetime-w >Datetime widgets for Yii2.

nkovacs/yii2-datetimepicker

Bootstrap datetimepicker widget for Yii 2, based on Eonasdan/bootstrap-datetimepicker.

trntv/yii2-bootstrap-datetimepicker

Datetimepicker widget for Yii2 framework

linchpinstudios/yii2-datetimepicker

Jquery Date Time Plugin for the Yii2 framework

moonlandsoft/bootui-datetimepicker

Bootstrap Datepicker and Timepicker in one extentions

nex/yii2-datepicker

Bootstrap 3 Date/time picker widget for Yii2

kak/datetimepicker

datetimepicker widget for Yii2

years/yii2-datetimepicker

Bootstrap datetimepicker widget for Yii 2, based on Eonasdan/bootstrap-datetimepicker.

finally-a-fast/fafcms-asset-datetimepicker

e-frank/yii2-bootstrap-material-datetime-picker

AssetBundle for bootstrap-material-datetimepicker

Цукерберг рекомендует:  Востребованность на рынке it - Востребованность на рынке труде в сфере IT

codenix-sv/yii2-flatpickr


Lightweight and powerful datetimepicker for Yii2 Framework

kozlovsv/yii2-w >Enhanced Yii2 wrapper for the bootstrap datetimepicker plugin. Masked Input

sakhlab/yii2-datepicker

Bootstrap 3 Date/time picker widget for Yii2

oakcms/yii2-datetimepicker

Yii2 DateTime Widget

e-frank/yii2-datetimepicker

AssetBundle for bootstrap datetimepicker

simialbi/yii2-w >yii2 widget based on tempus dominus

maddoger/yii2-datetimepicker

Yii2 DateTimePicker Widget.

kirjuha1982/yii2-datetimepicker

toxufe/yii2-xdan-datetimepicker

Yii2 wrapper for xdan/datetimepicker

khotim/yii2-datetimepicker

The DatetimePicker extension for the Yii framework

Расширение Yii2 для ввода даты/времени yii2-w >

Данное расширение можно считать усовершенствованным вариантом виджета DatePicker от jQuery UI. Главное его преимущество — возможность указывать не только дату, но и время, что в проектах по фреймворку php Yii2 встречается довольно часто. Вот как раз потребовалось переделать форму для администрирования комментариев на моем сайте. При использовании DatePicker от jQuery UI время устанавливалось в 0:00, что не могло меня устраивать.

Устанавливать будем с помощью Composer, ссылка на Github. Так же мной было испробовано другое расширение c похожим названием, но при обновлении зависимостей, Composer подтягивал около 15 мб. каких-то данных, поэтому пришлось от него отказаться в пользу данного, не такого прожорливого.

Для загрузки введите в командной строке (если Composer установлен глобально):
если Composer установлен в корень проекта:
После установки, в папке vendor появится папка kartik-v с файлами виджета.

Как-правило, дату/время приходится вводить в поле формы, а формы в Yii2 обычно создаются с помощью yii\widgets\ActiveForm(). Вот как будет выглядеть подключение DateTimePicker к полю формы:

В данном примере в виджет передается из БД определенная дата/время в формате UNIX, где она преобразуется в нужный для вывода на экран и для самого виджета формат: date(«d.m.Y H:i», (integer) $model->addtime). Если же дата в поле не передается , то откроется та, что установлена в опции startDate.

DateTimePicker имеет разные варианты отображения, посмотреть и протестировать можно тут:

Так же имеется много различных опций, описания которых найдете здесь


yii2-widget-datepicker

The DatePicker widget is a Yii 2 wrapper for the Bootstrap DatePicker plugin with various enhancements. The plugin is a fork of Stefan Petre’s DatePicker (of eyecon.ro), with improvements by @eternicode. The widget is specially styled for Bootstrap 3 and Bootstrap 4 for Yii 2 Framework. The widget allows graceful degradation to a normal HTML text input, if the browser does not support JQuery. The widget supports these markups:

  • Simple Input Markup
  • Component Markup — Addon Prepended
  • Component Markup — Addon Appended
  • Inline / Embedded Markup
  • Date Range Markup (from and to dates)
  • Solo Button Markup

NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.

Installation

The preferred way to install this extension is through composer. Check the composer.json for this extension’s requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application’s composer.json.

To install, either run

to the require section of your composer.json file.

Release Changes

NOTE: Refer the CHANGE LOG for details on changes to various releases.

You can refer detailed documentation and demos on usage of the extension.

Usage

License

yii2-widget-datepicker is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.

Changelog

Change Log: yii2-widget-datepicker

Version 1.4.7

Date: 09-Oct-2020

  • Bump composer dependencies.

Version 1.4.6

Date: 29-Aug-2020


  • Correct Asset Bundle registration to validate bsVersion .
  • (enh #170): Add Bootstrap 4.x support.
  • Reorganize source code in src directory.

Version 1.4.5

  • (no changes) — bump up version

version 1.4.4

Date: 13-Jul-2020

  • (enh #168): Add Kazakh translations.
  • (enh #166, #165): Simplify INLINE editor behavior.
  • (enh #164, #161, #160): Remove interim z-index fix for BS modal dialog.
  • (enh #154): Add support for jQuery 3.x — update source plugin to v1.8.0.
  • (enh #150): Enhance to make form-control CSS class the default and yet optional.
  • (enh #149): Add Finnish translations.

version 1.4.3

Date: 04-Sep-2020

  • Add github contribution and issue/PR logging templates.
  • (enh #131): Add Romanian translations.
  • (enh #128): Update bootstrap-datepicker to 1.7.1.
  • (enh #127): Allow overriding the form-control input CSS class.
  • (enh #120): Add Estonian translations.
  • (enh #117): Add Dutch (NL) translations.
  • (enh #116): Add Gujarati and Hindi language translations.
  • (enh #115): Add Indonesian translations.
Цукерберг рекомендует:  Книги - Какую книгу выбрать для изучения JS и jQuery

version 1.4.2

Date: 02-Sep-2020

  • Enhance PHP Documentation for all classes in the extension
  • (enh #108): Correct bootstrap datepicker CSS for source map url.
  • (enh #107): Add Italian translations.

version 1.4.1

Date: 17-Aug-2020

  • (enh #102): Add Lithuanian translations.
  • (enh #98): Add Japanese translations.
  • (enh #96): Update locale files for plugin.

version 1.4.0

Date: 28-Jun-2020


  • (enh #95): Update to latest release v1.7 of bootstrap datepicker plugin.
  • (enh #86): Add Thai translations.

version 1.3.9

Date: 29-Mar-2020

  • (bug #85): Correct locale files to use kvDatepicker modified plugin instance.

version 1.3.8

Date: 25-Mar-2020

  • (enh #84): Update to latest version 1.6.x of bootstrap-datepicker plugin.
  • (enh #78): Add Slovak translations.
  • Add branch alias for dev-master latest release.
  • (bug #75): Enhance clear button method to trigger input change correctly.

version 1.3.7

Date: 10-Jan-2020

  • Update year.
  • (enh #68): Add Czech translations

version 1.3.6

Date: 29-Dec-2015

  • (bug #67): Correct init of locale dates for $.fn.kvDatepicker .

version 1.3.5

Date: 28-Dec-2015

  • (enh #64): Enhance and improve language & locale validation.
  • (bug #63): Fix extra brace bug in plugin JS code.

version 1.3.4

Date: 27-Dec-2015


  • Refactor code and code formatting improvements.
  • Update to latest stable release (v1.5.0) of bootstrap-datepicker plugin.
  • (enh #62): Add Turkish Translations.
  • (enh #61): Add Swedish Translations.
  • (enh #59): Clean up Greek translations
  • (enh #56): Enhance widget to focus the input on opening datepicker via addon icon.
  • (enh #55): Enhance plugin to validate enableOnReadonly correctly for all layout types.
  • (enh #52): Fixed class name in DatePicker.
  • (enh #50): Add French Translations.
  • (enh #47): Enhancement for managing layout — BC Breaking.
    • New property layout to control rendering of picker and remove buttons and add your own input group addons if necessary.
    • The addon property will be removed as the layout property will allow better control for adding custom bootstrap input group addons.
    • Will be applicable for TYPE_COMPONENT_PREPEND , TYPE_COMPONENT_APPEND , and TYPE_RANGE .
  • (enh #46): Add Polish translations.
  • (enh #45): Add Greek translations.

version 1.3.3

Date: 19-Jul-2015

  • (enh #44): Fix markup for DatePicker::TYPE_INLINE .
  • (enh #43): Correct triggering of changeDate event for DatePicker::TYPE_INLINE .
  • (enh #41): Add Chinese translations.
  • (enh #40): Add Latvian translations.
  • (enh #36): Configure addon for prepend, append, and range.
  • (bug #35): Parse title correctly for calendar/remove button addon.
  • (enh #39): Add Spanish translations.
  • (enh #30): Add Ukranian translations.
  • (enh #29): Fix locale js files to use the new noconflict kvDatepicker function.
  • (enh #28): Update to latest ## version of bootstrap-datepicker.
  • (enh #27): Enhance plugin to use no conflict approach.

version 1.3.2

Date: 25-Feb-2015

  • (enh #25): Improve validation to retrieve the right translation messages folder.
  • (bug #24): Removes BOM charecters from the messages/ru/kvdate.php.
  • (enh #22): Ability to configure picker button options. Applicable only for following DatePicker types:
    • DatePicker::TYPE_COMPONENT_PREPEND and
    • DatePicker::TYPE_COMPONENT_APPEND
  • (enh #21): Add new remove button to clear dates. Applicable only for following DatePicker types:
    • DatePicker::TYPE_COMPONENT_PREPEND and
    • DatePicker::TYPE_COMPONENT_APPEND

version 1.3.1

Date: 13-Feb-2015

  • Set copyright year to current.
  • Use minified js files for locales.
  • Update datepicker plugin to the latest release.
  • (enh #19): Store date picker widget type as data attribute

version 1.3.0


Date: 25-Jan-2015

  • (bug #16): Fix directory separator for assets path in setLanguage.
  • (enh #8): Create Tajikistan translations.
  • Update to latest release of datepicker plugin.

version 1.2.0

Date: 04-Dec-2014

  • (enh #5): Include styling of markup rightly based on type for disabled and readonly
  • (enh #4): Auto validate disability using new disabled and readonly properties in InputWidget
  • (bug #3): Fix setLanguage asset locales registration.
  • (enh #1): Add a new markup TYPE_BUTTON with hidden input.

version 1.1.0

Date: 29-Nov-2014

  • Set release to stable
  • (enh #2): Enhance language locale file parsing and registering

yii2-w >

Enhanced Yii2 wrapper for the bootstrap datepicker plugin (sub repo split from yii2-widgets)

Цукерберг рекомендует:  Как правильно использовать файл robots для запрета индексации файлов и папок.txt

yii2-widget-datepicker

The DatePicker widget is a Yii 2 wrapper for the Bootstrap DatePicker plugin with various enhancements. The plugin is a fork of Stefan Petre’s DatePicker (of eyecon.ro), with improvements by @eternicode. The widget is specially styled for Yii framework 2.0 and Bootstrap 3 and allows graceful degradation to a normal HTML text input, if the browser does not support JQuery. The widget supports these markups:

  • Simple Input Markup
  • Component Markup — Addon Prepended
  • Component Markup — Addon Appended
  • Inline / Embedded Markup
  • Date Range Markup (from and to dates)
  • Solo Button Markup

NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.

Installation

The preferred way to install this extension is through composer. Check the composer.json for this extension’s requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application’s composer.json.

To install, either run

to the require section of your composer.json file.

Latest Release

NOTE: The latest version of the module is v1.4.2. Refer the CHANGE LOG for details.


You can refer detailed documentation and demos on usage of the extension.

Usage

License

yii2-widget-datepicker is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.

yii2-widgets

Collection of useful widgets for Yii Framework 2.0 .

yii2-date-picker-widget

Bootstrap DatePicker Widget for Yii2 .

yii2-jui

Yii 2 JQuery UI extension. .

yii2-editable-widget

X-Editable Widget for Yii2 .

yii2-datecontrol

Date control module allowing separation of date formats for View & Model for Yii .

Yii2 kartik/date/datepicker показывает неправильный формат при обновлении

Я использую kartik DatePicker в своей активной форме.

Поле активной формы:

Во время создания я сохраняю его как формат даты UTC:

Когда я обновляюсь, он отображается как

Мне это нужно как

Вы должны указать дату форматирования для виджета.

    При использовании ActiveForm вы можете переопределить afterFind() для конкретной модели для форматирования даты и переопределить значение временной метки по умолчанию для поля transferred_date .


Для форматирования вы можете использовать компонент yii-i18n-formatter, определяя внутри конфигурационного файла common/config/main.php если используете advanced-app или config/web.php если используете basic-app .

Добавьте ниже в конфигурационный файл

Добавьте ниже в свою модель

Теперь измените определение поля ниже и обновите страницу

Datepicker — Yii2 datepicker

4053 просмотра

2 ответа

39 Репутация автора

Я использовал kartik datepicker в приложении yii2 advance, он работал до того, как я использовал пользовательский css, не получая никаких ошибок только при отображении поля ввода. Просмотреть код:

В следующей структуре формы изображения показано:

Ответы (2)

плюса

70 Репутация автора

Это простое решение

Добавьте это в раздел require вашего файла composer.json:

плюса

1 Репутация автора

Alguien me puede ayudar con este error que me sale es que it usado la librería y de echo ya agregue en composer esas lineas y aun así me sigue arrojando el mismo error

DatePicker работает только на 1-й строке динамической формы в Yii2

Я использую wbraganca динамическую-форму. Проблема I’am сталкивается в том, что DatePicker прекрасно работает для первой строки динамической формы. Но на остальных строк ее не работает. Я попробовал почти все возможное решение для него, но ни один из них не работает для меня.

Первое изменение я сделал код путем внесения изменений в yii2 динамическим form.js путем замены ниже кода

и теперь он показывает ошибку в консоли, как показано ниже

На самом деле, я изо всех сил в течение нескольких часов и, наконец, придумал простое решение, иногда это лучше подсчитывать решение из вашего опыта, а не поиск в течение нескольких часов.

Я сделал то же самое, как вы делали, но потом я сделал простую модификацию

Jus поймать вход, который имеет класс .krajee-Datepicker и инициализировать его с KvDatepicker нагрузки на него параметры первого Datepicker элемента, который вы создали.

Он работал для меня. скажите мне, если это работает

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих