ブートストラップ3日付ピッカー月間表示のみ

Question

私はASP.NET MVCのWebアプリを持っているし、ここにデモの1のように私の「月/年」フィールドにBootstrap 3 Datepickerを使用しようとしている：そのデモで https://eonasdan.github.io/bootstrap-datetimepicker/#min-view-mode

、それだけユーザーは「年」と「月」を選択できます。 「日」ではありません。私は私のアプリで同じ機能が欲しい。しかし、私のアプリでは、最初のクリックで同じように動作しますが、後続のクリックでは、「日」選択ビューが表示されます。 viewModeを '年'に設定しても問題は解決されません。

次のように私のモデルは次のとおりです。次のように

public class FilterViewModel 
{ 
    public DateTime? StartMonthYear { get; set; } 
    ... 

私の見解は以下のとおりです。

<div class="col-sm-3"> 
    @Html.TextBoxFor(model => model.StartMonthYear, new { @class = "month-picker" }) 
    ... 
<script type="text/javascript"> 
    $(function() { 
     $('.month-picker').datetimepicker({ 
      viewMode: 'months', 
      format: 'MM/YYYY', 
      useCurrent: false 
     }); 
    }); 
</script> 

Answer 1

私はかなりうまく機能し、その周りの仕事を見つけました：

$(function() { 
    $('.month-picker').datetimepicker({ 
     viewMode: 'months', 
     format: 'MM/YYYY', 
     useCurrent: false 
    }); 

    $('.month-picker').on("dp.show", function (e) { 
     $(e.target).data("DateTimePicker").viewMode("months"); 
    }) 
}); 

これはhereを発見した回答に基づいています。

Answer 2

問題はviewModeのみ初期ビューを設定していることです。しかし、この特定のライブラリは、どのビューが利用可能かを実際に制限する方法を提供していないようです。

私が個人的に使用しているalternate libaryがありますが、それはあなたに能力を与えます。事実上、ドロップインの代替品なので、切り替えに多くを変更する必要はありません。あなたはいくつかの小さな違いがあります見ることができるように

$(function() { 
    $('.month-picker').datetimepicker({ 
     startView: 'month', 
     minView: 'month', 
     format: 'mm/yyyy' 
    }); 
}); 

：

1. viewModeはstartViewなりしかし、重要なのは、それはあなたが利用できるminView/maxViewオプションを提供します。ビュー名はmonth対monthsの単数です。

2. 書式設定文字列はC＃書式設定に似ていますので、小文字のmmとyyyyを使用します。

3. このライブラリのデフォルトでは現在の日付/時刻が使用されるため、別のuseCurrentオプションは必要ありません。別の開始日時を指定する場合は、initialDateを使用します。

Answer 3

これはライブラリのバグであり、解決されました。私は同じ問題に直面し、最新のバージョンをダウンロードするだけで解決しました。