Ajax模态弹出窗口上的Ajax日历扩展程序问题？

Question

我在asp.net Web表单的ajax模态弹出窗口中添加了ajax日历扩展器，但是它不显示月份和年份。

 <?php
$today = current_time('Ymd');

$args = array(
    'post_type' => 'post',
    'posts_per_page' => '20',
    'meta_key'  => 'kalenderdag',
    'order' => 'ASC',
    'orderby' => 'meta_value',
    'meta_query' => array(
      array(
            'key'   => 'kalenderdag',
            'compare' => '>=',
            'value'   => $today,
 'type'         => 'DATE'
        ),
    ),
);

$children = new WP_Query($args);
?>

<?php if ($children->have_posts()) : ?>
  <?php while ($children->have_posts()) : $children->the_post(); $fields = (object) get_fields(); ?>
    <div class="event row">
      <div class="event-logo col-sm-4">
        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'large', array( 'class' => 'img-responsive' ) ); ?></a>
      </div>
      <div class="event-details col-sm-8">
        <h2 class="underline"><a href="<?php the_permalink(); ?>"><?php echo $fields->kalendertitel; ?> - <?php $date = get_field('kalenderdag'); ?>
<?php echo date("d M Y", strtotime($date)); ?></a></h2>
<h3 class="underline"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
        <p><?php echo $fields->kalendertext; ?></p>
        <p class="call-to-action"><a href="<?php the_permalink(); ?>">Läs mer</a></p>
      </div>
    </div>
  <?php endwhile; wp_reset_postdata(); ?>
       <?php else : ?>

               <h2 class="page-title">Just nu har vi inga bokade evenemang</h2>
               <p>
                  Kika gärna in på denna sida en annan gång eller kontakta oss på <a href="mailto:info@fredenshus.se">info@fredenshus.se</a> om du har några frågor.
               </p>

<?php endif; ?>

Answer 1

要尽可能轻松地解决此问题：

1）打开网站\管理NuGet软件包菜单项。

2）在浏览

下安装 AjaxControlToolkit.StaticResources 。

3）将ScriptReference添加到ScriptManager控件

      <asp:ScriptManager runat="server"> <Scripts> <asp:ScriptReference Path="~/Scripts/AjaxControlToolkit/Bundle" /> </Scripts> </asp:ScriptManager>

4）将Styles.Render表达式添加到元素。

    <asp:PlaceHolder runat="server"> <%:System.Web.Optimization.Styles.Render("~/Content/AjaxControlToolkit/Styles/Bundle") %> </asp:PlaceHolder> <link href="../../include/css/ajax-calendar-fix.css" rel="stylesheet" />

5）在项目的解决方案资源管理器中，在项目根目录中找到Scripts \ AjaxControlToolkit \ Release文件夹。

6）打开Calendar.js文件并搜索this._width=。

7）将高度和宽度更改为您为.ajax__容器的高度和宽度设置的值。 （它们将彼此相邻。）

注意：

A）就我而言，我们使用的是git，因此我还将Calendar.js文件添加到了源代码管理中。

B）我在其他页面控件上的样式也有些冲突，因此我必须使某些选择器更加具体，以使边框和背景正确显示。

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today成为 例如.ajax__calendar_custom td.ajax__calendar_hover div.ajax__calendar_today。