Title: Date &amp; Time Picker for Advanced Custom Fields
Author: Bartosz Romanowski
Published: <strong>2016 年 4 月 2 日</strong>
Last modified: 2016 年 5 月 3 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/acf-date-time-picker/assets/icon-256x256.png?rev=1385018)

# Date & Time Picker for Advanced Custom Fields

 作者：[Bartosz Romanowski](https://profiles.wordpress.org/toszcze/)

[下载](https://downloads.wordpress.org/plugin/acf-date-time-picker.1.1.4.zip)

 * [详情](https://cn.wordpress.org/plugins/acf-date-time-picker/#description)
 * [评价](https://cn.wordpress.org/plugins/acf-date-time-picker/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/acf-date-time-picker/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/acf-date-time-picker/#developers)

 [支持](https://wordpress.org/support/plugin/acf-date-time-picker/)

## 描述

This is an add-on for [Advanced Custom Fields](https://wordpress.org/plugins/advanced-custom-fields/)
and [Advanced Custom Fields Pro](https://www.advancedcustomfields.com/), which allows
to create a Date and Time Picker field.

#### 产品特点

 * Create a date and time picker field
 * Create a time picker field (without a date)
 * Two time picker types: slider (only in ACF 5 – looks better) and dropdown list(
   takes less space)
 * Define date and time format for each field

#### 兼容性

This ACF field type is compatible with ACF 5 (Pro) and ACF 4.

#### 荣誉榜

The plugin uses [Timepicker Addon](http://trentrichardson.com/examples/timepicker/)
for jQuery UI Datepicker by [Trent Richardson](http://trentrichardson.com/examples/timepicker/),
licensed under the MIT license.

Icon made by [SimpleIcon](http://www.flaticon.com/authors/simpleicon) from [Flaticon](http://www.flaticon.com/)
is licensed by [CC 3.0 BY](http://creativecommons.org/licenses/by/3.0/).

## 安装

 1. Copy the `acf-date-time-picker` folder into your `wp-content/plugins` folder
 2. Activate the Date & Time Picker for Advanced Custom Fields plugin via the plugins
    admin page
 3. Create a new field via ACF and select the Date & Time Picker type
 4. Please refer to the description for more info regarding the field type settings

## 常见问题

  How do I format the time?

You can format the time by creating a mask using the following characters:

    ```
    H   Hour with no leading 0 (24 hour)
    HH  Hour with leading 0 (24 hour)
    h   Hour with no leading 0 (12 hour)
    hh  Hour with leading 0 (12 hour)
    m   Minute with no leading 0
    mm  Minute with leading 0
    s   Second with no leading 0
    ss  Second with leading 0
    t   a or p for AM/PM
    T   A or P for AM/PM
    tt  am or pm for AM/PM
    TT  AM or PM for AM/PM
    ```

The default time format is `HH:mm`.

You can read more about formatting the time [here](http://trentrichardson.com/examples/timepicker/#tp-formatting).

  How do I format the date?

You can format the date by creating a mask using the following characters:

    ```
    d   day of month (no leading zero)
    dd  day of month (two digit)
    o   day of the year (no leading zeros)
    oo  day of the year (three digit)
    D   day name short
    DD  day name long
    m   month of year (no leading zero)
    mm  month of year (two digit)
    M   month name short
    MM  month name long
    y   year (two digit)
    yy  year (four digit)
    ```

The default date format is `yy-mm-dd`.

You can read more about formatting the date [here](http://api.jqueryui.com/datepicker/#utility-formatDate).

  How do I format the date and time to display it on the frontend?

The plugin saves the date and time in the following format: `YYYY-MM-DD hh:mm:ss`(
for example `2016-04-01 16:57:00`). This is the format used by WordPress in `wp_posts`
table, so it’s easy to use this field value in custom meta queries. However the 
Advanced Custom Fields API returns the date and time in the format set in the field
settings, so you can just use `the_field()` or `get_field()` function in your theme.

To display the date and time in a different format, you can use [strtotime()](http://php.net/manual/en/function.strtotime.php)
and [date()](http://php.net/manual/en/function.date.php) functions, for example:

    ```
    echo date('d/m/Y g:i a', strtotime(get_field('date_and_time_field')));
    ```

You can also use [format_value](https://www.advancedcustomfields.com/resources/acfformat_value/)
filter to format the field value.

## 评价

![](https://secure.gravatar.com/avatar/bd26a0eeece85a77e01362071ec667d6525b33251e8e64a113146216455001f8?
s=60&d=retro&r=g)

### 󠀁[Not working](https://wordpress.org/support/topic/not-working-2662/)󠁿

 [Cristishor201](https://profiles.wordpress.org/cristishor/) 2018 年 9 月 20 日 
1 回复

Cannot select more than two dates

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/)

## 贡献者及开发者

「Date & Time Picker for Advanced Custom Fields」是开源软件。 以下人员对此插件做出
了贡献。

贡献者

 *   [ Bartosz Romanowski ](https://profiles.wordpress.org/toszcze/)

「Date & Time Picker for Advanced Custom Fields」插件已被翻译至 1 种本地化语言。
感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/acf-date-time-picker/contributors)
为本插件所做的贡献。

[帮助将「Date & Time Picker for Advanced Custom Fields」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/acf-date-time-picker)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/acf-date-time-picker/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/acf-date-time-picker/)，或通过[RSS](https://plugins.trac.wordpress.org/log/acf-date-time-picker/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/acf-date-time-picker/)。

## 更新日志

#### 1.1.4 (2016-05-03)

 * German translation (props [Moritz Lipp](https://github.com/mlq)).

#### 1.1.3 (2016-04-30)

 * [Fixed] Do not try to convert empty string to date.

#### 1.1.2 (2016-04-27)

 * [Fixed] Transparent background of datepicker.
 * [Fixed] Do not set the current time as a default value.
 * Temporary removed the slider timepicker for ACF 4.

#### 1.1.1 (2016-04-10)

 * Updated .pot file.
 * Polish translation.

#### 1.1.0 (2016-04-06)

 * Option for disabling past dates in datepicker.

#### 1.0.0 (2016-04-02)

 * Initial release.

## 额外信息

 *  版本 **1.1.4**
 *  最后更新：**10 年前**
 *  活跃安装数量 **300+**
 *  WordPress 版本 ** 3.5 或更高版本 **
 *  已测试的最高版本为 **4.5.33**
 *  语言
 * [English (US)](https://wordpress.org/plugins/acf-date-time-picker/) 和 [Swedish](https://sv.wordpress.org/plugins/acf-date-time-picker/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/acf-date-time-picker)
 * 标签
 * [acf](https://cn.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://cn.wordpress.org/plugins/tags/advanced-custom-fields/)
   [custom field](https://cn.wordpress.org/plugins/tags/custom-field/)[datepicker](https://cn.wordpress.org/plugins/tags/datepicker/)
   [timepicker](https://cn.wordpress.org/plugins/tags/timepicker/)
 *  [高级视图](https://cn.wordpress.org/plugins/acf-date-time-picker/advanced/)

## 评级

 1 星（最高 5 星）。

 *  [  0 条 5 星评价     ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/?filter=2)
 *  [  1 条 1 星评价     ](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/acf-date-time-picker/reviews/)

## 贡献者

 *   [ Bartosz Romanowski ](https://profiles.wordpress.org/toszcze/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/acf-date-time-picker/)