如何添加日期单击以查看日历

时间:2019-10-12 21:44:04

标签: javascript vue.js vuetify.js

我正在尝试根据以下存储库构建Vuetify日历:https://github.com/jsfanatik/vuestacks-calendar-vue-firebase。我的目标是使用户能够通过直接单击日历中的日期来添加新的日历事件,而不是仅单击UI顶部的新事件按钮。为此,我将 /* QUITAR PRECIO NP */ // Quitar del hook woocommerce_single_product_summary la funcion que imprime el precio add_action('template_redirect', 'wc_product_single_remove_price_on_param'); function wc_product_single_remove_price_on_param() { // Comprueba que estamos en el detalle de un producto y que viene el parametro en la url if ( is_singular('product') && isset($_GET['np']) ) { // Agrega lo que se implementara si detecta ?moprice add_filter( 'woocommerce_variable_sale_price_html', 'businessbloomer_remove_prices', 10, 2 ); add_filter( 'woocommerce_variable_price_html', 'businessbloomer_remove_prices', 10, 2 ); add_filter( 'woocommerce_get_price_html', 'businessbloomer_remove_prices', 10, 2 ); function businessbloomer_remove_prices( $price, $product ) { if ( ! is_admin() ) $price = ''; return $price; } remove_action('wpseo_register_extra_replacements', 'register_custom_extra_replacements'); // Agrega lo que se implementara si detecta ?moprice } } /* QUITAR PRECIO NP */ 更改为@click:date="viewDay,以便单击日期以打开新的事件输入对话框(请参见下面的对话框代码)。我想修改此新对话框,以便用户单击给定日期后,单击日期的开始和结束时间(大概是凌晨12点至凌晨12点)会自动传递到此对话框中,并绑定到开始和结束字段。关于如何实现这一目标的任何建议?

对话框-日期单击

@click:date="dialogDate = true"

1 个答案:

答案 0 :(得分:0)

很抱歉,如果我误解了您的问题,但我想您可能想通过以下方法传递日期:

代替

@click:date="dialogDate = true"

做类似的事情

@click:date="setDialogDate(date)"

然后有一个名为setDialogDate的方法,该方法在用户单击的特定日期被传递。然后,您可以使用该方法打开和关闭对话框。