在 WordPress 后台中创建 Datepicker 字段

重要:本文最后更新于2022-11-02 10:39:07,某些文章具有时效性,若有错误或已失效,请在下方留言或联系九月网

在本教程中,我将向你展示如何轻松创建漂亮的日期选择器字段,就像下面的屏幕截图一样,无需任何额外的 JavaScript 库。

在 WordPress 后台中创建 Datepicker 字段

假设你在 WordPress 管理员的任何地方都有一个文本字段。只需添加class="any-custom-class"它。例子:


引入 WordPress Core 中的jQuery UI。

add_action( 'admin_enqueue_scripts', 'rudr_datepicker_css_and_js' );

function rudr_datepicker_css_and_js() {
	wp_enqueue_script( 'jquery-ui-datepicker' );
	wp_enqueue_style( 'custom-css', get_stylesheet_directory_uri() . '/jquery-ui-datepicker-by-misha.css' );
}

最后但并非最不重要的一点,让我们使用 CSS 类为每个输入字段初始化 datepicker my-datepicker

jQuery( function( $ ) {
	$( '.my-datepicker' ).datepicker();
} );

省略了一些不必要的步骤,哈哈哈,看得懂就看吧。

给TA打赏
共{{data.count}}人
人已打赏
WordPress

在古腾堡全屏模式下替换 WordPress 图标

2022-10-31 0:00:00

WordPress

WordPress定时修改文章状态

2022-11-3 0:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索