如何在 Symfony 上显示日期选择器?
How to display a datepicker on Symfony?
我想根据 symfony 文档为我的日期类型字段设置一个日期选择器。我从 packagist 'eternicode / bootstrap-datepicker' 开始就安装了这个包。我可以应用我定义的条件在我的 js 中输入日期字段(如日期格式),但仍然无法显示。我的 js 控制台中没有错误消息。我什至没有看到 datepikcer 组件..
我的表格类型:
->add('date_entree', DateType::class, [
'widget' => 'single_text',
'html5' => false,
'attr' => ['class' => 'js-datepicker'],
])
My JS:
$(document).on('ready', function() {
$('.js-datepicker').datepicker({
format: 'dd-mm-yyyy',
});
});
请问您对这个问题有什么想法吗?
感谢您的帮助。
最后,这是我的解决方案:
css:
< link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function() {
// you may need to change this code if you are not using Bootstrap Datepicker
$('.js-datepicker').datepicker({
format: 'yyyy-mm-dd'
});
});
</script>
表单类型
->add('date_entree', DateType::class, [
'widget' => 'single_text',
'html5' => false,
'attr' => ['class' => 'js-datepicker'],
])
希望对其他开发者有所帮助!
我想根据 symfony 文档为我的日期类型字段设置一个日期选择器。我从 packagist 'eternicode / bootstrap-datepicker' 开始就安装了这个包。我可以应用我定义的条件在我的 js 中输入日期字段(如日期格式),但仍然无法显示。我的 js 控制台中没有错误消息。我什至没有看到 datepikcer 组件..
我的表格类型:
->add('date_entree', DateType::class, [
'widget' => 'single_text',
'html5' => false,
'attr' => ['class' => 'js-datepicker'],
])
My JS:
$(document).on('ready', function() {
$('.js-datepicker').datepicker({
format: 'dd-mm-yyyy',
});
});
请问您对这个问题有什么想法吗?
感谢您的帮助。
最后,这是我的解决方案:
css:
< link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script> <script> $(document).ready(function() { // you may need to change this code if you are not using Bootstrap Datepicker $('.js-datepicker').datepicker({ format: 'yyyy-mm-dd' }); }); </script>
表单类型
->add('date_entree', DateType::class, [ 'widget' => 'single_text', 'html5' => false, 'attr' => ['class' => 'js-datepicker'], ])
希望对其他开发者有所帮助!