Bootstrap 3 Datetimepicker 3.0.0 - la semaine commence le lundi,

Il y a quelques raisons que j'ai utiliser Bootstrap 3 Datetimepicker 3.0.0 https://www.nuget.org/packages/Bootstrap.v3.Datetimepicker/ dans mon MVC 5 projet.

Aucune idée de comment le décalage de la semaine de sorte qu'il commence à partir de lundi. Balise de langue aussi ne fonctionne pas.

 $(function () {
    $('#PickupTime').datetimepicker({
     weekStart: 1
    });
 });

Ce n'est pas de travail parce qu'il n'est pas le même bootstrap-datapicker.js

OriginalL'auteur HerGiz | 2014-06-25

  1. 30

    Si vous utilisez moment.js à partir de v2.8.1, ajouter le code ci-dessous avant d'appeler le datetimepicker().

    moment.updateLocale('en', {
  week: { dow: 1 } //Monday is the first day of the week
});

$('#DateTime').datetimepicker();

    Si vous utilisez une ancienne version de moment.js, procédez de la manière suivante

    moment.lang('en', {
  week: { dow: 1 }
});

$('#DateTime').datetimepicker();
    Cela fonctionne comme prévu. Montre lundi est le premier jour sur le calendrier. En plus de cela, j'avais besoin le lundi et le dimanche à partir de n'importe quelle date ils ont choisi. j'.e si elles choisissent de 08/09/2018 (MM/JJ/AAAA) puis j'ai besoin de 08/06/2018 et 08/12/2018 . pour Obtenir celles-ci, j'ai utilisé le Weekday() fonction. j'.e moment(new Date()).weekday(6).format("MM/DD/YYYY") qui m'a donné dimanche pour la semaine momentjs.com/docs/#/get-set/weekday

    OriginalL'auteur justinw

  2. 4

    En fonction des options pour Datetimepicker ce n'est pas possible. Il prend en charge uniquement les propriétés suivantes:

    $.fn.datetimepicker.defaults = {
    pickDate: true,                 //en/disables the date picker
    pickTime: true,                 //en/disables the time picker
    useMinutes: true,               //en/disables the minutes picker
    useSeconds: true,               //en/disables the seconds picker
    useCurrent: true,               //when true, picker will set the value to the current date/time     
    minuteStepping:1,               //set the minute stepping
    minDate:`1/1/1900`,               //set a minimum date
    maxDate: ,     //set a maximum date (defaults to today +100 years)
    showToday: true,                 //shows the today indicator
    language:'en',                  //sets language locale
    defaultDate:"",                 //sets a default date, accepts js dates, strings and moment objects
    disabledDates:[],               //an array of dates that cannot be selected
    enabledDates:[],                //an array of dates that can be selected
    icons = {
        time: 'glyphicon glyphicon-time',
        date: 'glyphicon glyphicon-calendar',
        up:   'glyphicon glyphicon-chevron-up',
        down: 'glyphicon glyphicon-chevron-down'
    }
    useStrict: false,               //use "strict" when validating dates  
    sideBySide: false,              //show the date and time picker side by side
    daysOfWeekDisabled:[]          //for example use daysOfWeekDisabled: [0,6] to disable weekends 
};

    Source: http://eonasdan.github.io/bootstrap-datetimepicker/#options

    Vous pouvez désactiver le week-end si vous ne voulez pas voir dimanche.

    Mais encore la colonne de gauche, c'est dimanche, et les gens s'attendre lundi
    Dans bootstrap-datapicker.js j'ai offseted les noms, mais seulement les noms d'obtenir mooved, pas les dates de lui-même, de sorte que toute la calandre n'est pas correct. Eaven treid en train de changer dans moment.js mais même chose.
    Toutes les suggestions de remplacement?
    non, mais si vous trouvez un bon laissez-nous savoir
    Enfin, je suis passé à github.com/smalot/bootstrap-datetimepicker mais permettra de suivre le développement de la première.

    OriginalL'auteur Stefan

  3. 4

    Je viens de le faire! Dans moment.js modifier cette ligne:

    _week : {
    dow : 1, //Sunday is the first day of the week.
    doy : 6  //The week that contains Jan 1st is the first week of the year. 
},

    'dow' DOIT ÊTRE à 1 et la semaine commence le lundi.

    OriginalL'auteur user3928861

  4. 4

    Vous pouvez également remplacer le dow valeur via les paramètres régionaux lors de l'appel de datetimepicker() 

    $('#myid').datetimepicker({
    format:'YYYY-MM-DD',
    locale:  moment.locale('en', {
        week: { dow: 1 }
    }),
});
    A travaillé comme un charm! Merci

    OriginalL'auteur DoctorAgon

  5. 3

    Au lieu d'utiliser moment.js j'ai utilisé moment-with-langs.js (je suppose que c'est venu avec le package par défaut ASP.NET MVC 5).

    En appelant le:

    <script type="text/javascript">
    $('#DateTime').datetimepicker({
        language: "hr"
    });
</script>

    chose fonctionne, enfin, le calendrier commence à partir de lundi.

    Mise à JOUR:
    Mieux encore, ajoutez la clé de web.config

    <appSettings>    
    <add key="Culture" value="hr" />
</appSettings>

    et puis

    $(document).ready(function () {
    $(document).on('focus', '#Date', function () {
        $(this).datetimepicker({
            locale: '@System.Configuration.ConfigurationManager.AppSettings["Culture"]',
            format: 'DD:MM:YYYY',
        });
    });
});

    OriginalL'auteur HerGiz

  6. 0
    'locale' => [
    'firstDay' => 1
]

    OriginalL'auteur flarpy

  7. 0

    Je suis tombé sur la même question, et je suis en utilisant:

    Et, à la suite de la réponse de user3928861 j'ai trouvé la réponse sur la ligne 961 moment.js comme suit:

    var defaultLocaleWeek = {
    dow : 1, //Sunday is the first day of the week.
    doy : 6  //The week that contains Jan 1st is the first week of the year.
};

    OriginalL'auteur Tales Farias

  8. 0

    Datetimepicker a une option pour le mettre à match où que vous soyez dans le monde (voir les paramètres régionaux de l'option http://eonasdan.github.io/bootstrap-datetimepicker/Options/#locale)

    Vous pouvez annuler manuellement il

    $('#DateTime').datetimepicker({
    locale: moment.local('en')
});

    OriginalL'auteur Pierre

  9. -1

    ouvrir jquery.datetimepicker.js et de trouver la variable "dayOfWeekStart" et réglez-le 1

    L'OP a fait référence à Eonasdan Bootstrap-Datepicker. Cela n'a rien à voir avec datepicker de jQuery.
    Rien à voir avec l'OP de la question.

    OriginalL'auteur seaWolf