第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用 Jquery 將顏色應(yīng)用于 datetimepicker 中的周末以及下個(gè)月或上個(gè)月的日期

如何使用 Jquery 將顏色應(yīng)用于 datetimepicker 中的周末以及下個(gè)月或上個(gè)月的日期

我有以下日期時(shí)間選擇器代碼,該代碼運(yùn)行良好,但我還需要填充周末(周六和周日)以及下個(gè)月或上個(gè)月日期的顏色。請(qǐng)幫忙做到這一點(diǎn)。下面是可運(yùn)行的代碼,請(qǐng)?zhí)峁┐a來(lái)執(zhí)行此操作。<!DOCTYPE html><html><head><title>Page Title</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$(function() {  $('#datetimepicker1').datetimepicker(    {            format: 'DD/MM/YYYY HH:mm',    });});</script><style>body {    font-family: Verdana, Arial, sans-serif;    font-size: 12px;}</style></head><body><div class="container">  <div class="row">    <div class='col-sm-6'>      <div class="form-group">        <div class='input-group date' id='datetimepicker1'>          <input type='text' class="form-control" />          <span class="input-group-addon">            <span class="glyphicon glyphicon-calendar"></span>          </span>        </div>      </div>    </div>  </div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script></body></html>
查看完整描述

1 回答

?
白衣非少年

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊

有一個(gè)類(lèi)叫做.bootstrap-datetimepicker-widget .weekend. 像下面這樣改變它。


.bootstrap-datetimepicker-widget .weekend {

  color: red;

  /*Apply your color*/

}

<!DOCTYPE html>

<html>


<head>

  <title>Page Title</title>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script>

    $(function() {

      $('#datetimepicker1').datetimepicker({

        format: 'DD/MM/YYYY HH:mm',

      });

    });

  </script>

  <style>

    body {

      font-family: Verdana, Arial, sans-serif;

      font-size: 12px;

    }

  </style>

</head>


<body>



  <div class="container">

    <div class="row">

      <div class='col-sm-6'>

        <div class="form-group">

          <div class='input-group date' id='datetimepicker1'>

            <input type='text' class="form-control" />

            <span class="input-group-addon">

            <span class="glyphicon glyphicon-calendar"></span>

            </span>

          </div>

        </div>

      </div>

    </div>

  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>



</body>


</html>


查看完整回答
反對(duì) 回復(fù) 2023-10-14
  • 1 回答
  • 0 關(guān)注
  • 147 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)