Я недавно разработал компонент Joomla. Я хочу знать, как добавить Time Picker в My Joomla Component.Как использовать Time Picker в Joomla Compoent
0
A
ответ
1
Вы можете создать свои собственные типы полей в Joomla. Этот пример для модуля, но тот же самый процесс работы с компонентами: Создайте этот файл: /modules/mod_yourmodule/fields/datetime.php
<?php // Check to ensure this file is included in Joomla! defined('_JEXEC') or die('Restricted access'); // Add CSS and JS JHtml::stylesheet('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css'); JHtml::stylesheet('http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css');JHtml::script('http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js'); jimport('joomla.form.formfield'); class JFormFieldDateTime extends JFormField {
protected $type = 'DateTime';
public function getInput() {
return '<div class="well">'.
'<div id="datetimepicker2" class="input-append">'.
'<input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"></input>'.
'<span class="add-on">'.
'<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>'.
'</span>'.
'</div>'.
'</div>'.
'<script type="text/javascript">'.
'jQuery(function() {'.
'jQuery("#datetimepicker2").datetimepicker({'.
'language: "en",'.
'pick12HourFormat: true'.
'});'.
'});'.
'</script>';
} }
1
отображает поле управления календарем:
calendar($value, $name, $id, $format= '%Y-%m-%d', $attribs=null)
$value=>The date value,$name=>The name of the text field,$id=>The id of the text field,$format=>'%Y-%m-%d' The date format,$attribs=>null Additional html attributes,$value=>The date value,$name=> The name of the text field,$id=> The id of the text field,$format=>'%Y-%m-%d' The date format,$attribs=>null Additional html attributes
Смежные вопросы
- 1. как использовать jquery time picker?
- 2. Обманчивая фатальная ошибка - Joomla Compoent - FOF
- 3. Time Picker Control ASP.NET
- 4. jquery date time picker
- 5. Android time picker
- 6. Javascript Time Picker, как Windows
- 7. Time Picker Android
- 8. Gtk time picker widget
- 9. validate Date time picker
- 10. Bootstrap Different Time Picker
- 11. Android: Time Picker Dialog
- 12. Boot Strap Time picker
- 13. Android Time Picker Формат
- 14. Android Time & Date Picker
- 15. Окрашивание Jquery Time Picker
- 16. Time picker android
- 17. MFC date time picker
- 18. HTA Time Picker
- 19. jquery time picker addon for date picker
- 20. jquery date and time picker
- 21. Как сравнить время в android time picker?
- 22. Time Picker Разница между текущим и Time Picker Time Android Alarm
- 23. ExtJS - Elegant Date Time Picker
- 24. IOS пользовательских Time Picker л
- 25. Django date & time field Picker
- 26. Bootstrap time picker не работает
- 27. Jquery Ui date time picker
- 28. Репликация iOS time picker в Android
- 29. C# date time picker conversion
- 30. JQuery Time Picker Простой пример
Почему импорт ** другой ** Экземпляр Bootstrap? Вы также можете правильно отобразить свой код, так как половина его прокомментирована. – Lodder