angular中如何使用WdatePicker日历控件

2024-10-16 03:54:19

1、首先需要下载WdatePicker控件的素材包,将其导入到项目中,如下图所示

angular中如何使用WdatePicker日历控件

2、接下来在项目中通过script标签引入WdatePicker.js文件,如下图所示

angular中如何使用WdatePicker日历控件

3、然后在页面中给onclick事件添加WdatePicker函数,如下图所示

angular中如何使用WdatePicker日历控件

4、接下来在进行数据查询时,如果需要用到时间,那么需要重新通过jauery获取一下,如下图所示

angular中如何使用WdatePicker日历控件

5、另外我们也可以在初始化的时候就给日历控件赋值一些初始化的值,如下图所示

angular中如何使用WdatePicker日历控件

6、最后小编要提醒大家的是WdatePicker函数是可以进行日期格式化的,如下图所示

angular中如何使用WdatePicker日历控件

7、综上所述,在angualr中使用WdatePicker最需要注意的就是使用时间需要重新获取值,大家一定注意

猜你喜欢