javascript - Bootstrap Datepicker - 只有月份和年份不起作用-6ren

javascript - Bootstrap Datepicker - 只有月份和年份不起作用

转载作者：行者123 更新时间：2023-12-01 15:17:39

27

4

我正在研究如何使用bootstrap datepicker但我需要它只显示月份或年份，就像这样:

但结果只是变成了这样:

我只需要选择月份和年份，而不是整个日历。
下面是我的整个代码片段:

$(document).ready(() => {
    $("#datepicker").datepicker( {
        format: "mm-yyyy",
        startView: "months", 
        minViewMode: "months"
    });
})

<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>My Teasting Website</title>

  <!--Bootstrap css-->
  <link rel="stylesheet" href="src/bootstrap/css/bootstrap.min.css">
  <!--bootstrap-datepicker css-->
  <link rel="stylesheet" href="/src/datepicker/css/datepicker.css">

</head>

<body>


    <input type="text" readonly="readonly" name="date" id="datepicker">

  <script src="/src/jquery.js"></script>
  <!--Bootstrap js-->
  <script src="src/bootstrap/js/bootstrap.min.js"></script>
  <script src="/src/datepicker/js/bootstrap-datepicker.js"></script>
  <script src="/js/script.js"></script>

</body>

</html>

最佳答案

您正在寻找的功能在 datetimepicker 中，而不仅仅是在 datepicker 中。它具有您想要的 UI。

注:日历将显示月份或年份，但当您选择特定值时，它将显示为 YYYY-MM 格式。从日历中选择值后，无法在文本框中显示 YYYY 或 MM。

$(function() {
  $('#datetimepicker2').datetimepicker({
    viewMode: 'months',
    format: 'YYYY-MM'
  });
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

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

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date'>
          <input type='text' class="form-control" id='datetimepicker2' />
        </div>
      </div>
    </div>
  </div>
</div>

关于javascript - Bootstrap Datepicker - 只有月份和年份不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61746498/

27

4

0

文章推荐： java - 使用paint方法创建类的对象

文章推荐： java - 通过电子邮件更新带有图片的状态。 (Java邮件)

文章推荐： java - JasperReports 本地化

文章推荐： Java LOC通过比较两个项目进行计数

Javascript 日历不会显示当前日期+月份
我正在用 javascript 制作日历，我不想在中显示当前日期、日期名称和月份名称它在我的函数内 Kalender()但由于某种原因，如果我执行函数 volgende() (下个月)它更改中
javascript - 接受日期掩码中的一位数字日期/月份
有一个输入标签应用了数据掩码。这允许输入数据，例如 02/12/2014 或 13/05/2014。但不接受 1/1/2013 或 13/5/2014。请帮忙!!! 最佳答案根据jQuery
Javascript 数组提供两个日期范围之间的所有日期/月份
我正在尝试创建一个函数，它将接受三个输入变量(开始日期、结束日期、粒度)，并将输出一个包含所有日期的数组。输出将根据输入以每日或每月为粒度。例如，如果我查看 2015 年 1 月 - 2015 年 2
php - 从php中的日期检索日期，月份，年份
我有这段代码可以从数据库中获取一个字段: $end_date=$row1['end_date']; 如果我打印它，它会给我这样的信息:25-09-2012我需要的是获取月份值、年份和日期。类似于: $
vba - 将行复制并粘贴到新工作表中，并根据其他单元格值更改单元格值(月份)
我有一个事件表，其中 X 为频率(每 X 个月一次)，第一个开始日期和结束日期如下: 如何复制每一行并将其粘贴到新工作表中，并根据 X 和月份日期的增量为每一行添加附加行，如下所示: 最佳答案这里是
csv - 如何从Hive中的日期获取一天中的时间，星期几，月份
我将以下格式的日期存储在Mailed_Date列中 Mon, 09/20/10 01:04 PM 我使用了一个serde(csv-serde-1.1.2-0.11.0-all.jar)从csv文件中获
ios - 对数组进行排序，其中包含日期，月份
我想根据日期和月份值对数组进行排序。我正在使用此代码 NSSortDescriptor *descriptor=[[NSSortDescriptor alloc]initWithKey:@"self
scala - 如何在scala中获取当前日期，月份，年份
我需要当前年份，月份和日期为3个不同的变量。下面的代码给出了日期时间 val now = Calendar.getInstance().getTime() 2016年9月29日星期四18:27:38
mysql - 包括 NULL 月份
我无法获得正确的查询结果我正在查询获取在相应月份注册了多少用户。到目前为止，我提出了以下查询，它允许我获得该结果，但没有显示没有用户注册的月份 SELECT YEAR(c.created_at) a
C# - 包装日期、月份、年份
在 Programming in the Key of C# 中，作者给出了一个示例(附源代码)，说明如何将日期(年、月、日 -- 数字)打包为 32 位整数。在示例中，作者将信息打包如下: int
mysql - 使用两个参数选择 SQL 月份
在表中，我有一列名为“service_time”的列，它是服务的开始日期，另一列“times_year”是每年应完成服务的次数。我遇到的问题是如何在 -> (thisMonth == service
Python Pandas 平均按位置和日期/月份
使用:Python 3.6， Pandas 0.22 我有一个 .csv 文件，我需要从中获取基于月份和位置的平均值。这是数据中的一行，还有更多具有多个位置和日期的行: 名称日期雪大急流城杰拉尔德福
python - 自开始时间以来循环遍历 python 月份
我想循环遍历给定开始时间以来的月份，并打印第一天和最后一天。我可以手动跟踪它是哪个月份和年份，并使用 calendar.monthrange(year, Month) 来获取天数......但这是最好
algorithm - 文件、月份、模块和伪代码
我正在做试卷的最后一题，但我已经迷失在算法的创建过程中。我的定义图看起来不错，但我就是无法确定计算月份方面的顺序。题目如下: A file of transaction records includ
java - 从检索到的日期中提取日期-月份-年份
我正在获取系统当前日期并尝试在 TextView 中显示它。尝试下面的代码后 private OnClickListener listener1 = new OnClickListener() {
c# - 如何以大写形式获取 DateTime 月份？
我正在使用以下格式来格式化 DateTime: DateTime CusDate = dateTimePicker1.Value; string Date = CusDate.ToString("dd
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
废话不多少，上代码复制代码代码如下: // 获取指定日期所在星期的开始时间与结束时间 function getWeekRange($date){ &nb
Javascript 日期 - 设置 UTC 月份
今天我运行了自动化测试，并想知道为什么我收到了有关某些特定日期内容的错误。事实证明，设置固定的 UTC 月份不再有效。但昨天确实如此。据我所知，没有任何变化。我尝试运行以下代码 var d = n
date - Grails 模型计数按日期、月份、小时的出现组数
我有一个包含两个日期字段的 Grails 域 Date updated Date created 我想根据月、小时或年的更新时间来计算行数。我怎样才能做到这一点。互联网上显示的方法不起作用。我正在使用
r - R中的星期几，月份，年份，一年中的一周
是否有任何内置函数可用于数据框对象以生成类 Date 时间序列上的变量以创建星期几、月份、年份、年份中的星期，等在 R 中？基础包中的weekdays、months、quarters函数生成文本输出

首页

博学

6Ren·AI

商城

javascript - Bootstrap Datepicker - 只有月份和年份不起作用