在Woocommerce预订中显示日历

时间:2014-06-08 12:53:18

标签: calendar woocommerce

我正在使用新的Woocommerce预订,并希望永久显示日历,而不是让用户点击“选择”选项,然后显示文本。

我在这个foru中显示图片太过新手,所以这里是link

我希望底部显示永久。

源代码如下所示:

<fieldset class="wc-bookings-date-picker wc_bookings_field_start_date">
<legend>Start Date: <small>Choose...</small></legend>
<div class="picker" data-availability="[[&quot;days&quot;,{&quot;6&quot;:true}],[&quot;days&quot;,{&quot;4&quot;:true}],[&quot;time&quot;,{&quot;from&quot;:&quot;11:30&quot;,&quot;to&quot;:&quot;13:30&quot;,&quot;rule&quot;:true,&quot;day&quot;:0}]]" data-default-availability="false" data-fully-booked-days="{&quot;2014-6-8&quot;:[true]}" data-min_date="+0d" data-max_date="+12m"></div>
<label>
    <input type="text" value="2014" name="wc_bookings_field_start_date_year" placeholder="YYYY" size="4" class="required_for_calculation booking_date_year" />
    <span>Year</span>
</label> / <label>
    <input type="text" name="wc_bookings_field_start_date_month" placeholder="mm" size="2" class="required_for_calculation booking_date_month" />
    <span>Month</span>
</label> / <label>
    <input type="text" name="wc_bookings_field_start_date_day" placeholder="dd" size="2" class="required_for_calculation booking_date_day" />
    <span>Day</span>
</label>

1 个答案:

答案 0 :(得分:0)

不确定你是否想到了这一点,但Bookings现在有一个选择按钮,可以随时显示Datepicker。修改您的预订产品,然后在常规标签上,在日历显示模式旁边,从下拉菜单中选择日历始终可见。应该这样做,不需要编码!