Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Kalendae的getselected函数_Javascript_Html_Netbeans - Fatal编程技术网

Javascript 如何使用Kalendae的getselected函数

Javascript 如何使用Kalendae的getselected函数,javascript,html,netbeans,Javascript,Html,Netbeans,非常初级的问题,我只想知道如何使用getSelected()函数获取Kalendae日历中选定日期的值。选择这些值后,我需要将它们存储在变量中 我正在使用多个选择日历,我试图记录所选日期,但似乎无法获取值,我试图将其放入var中,但我认为我做得不正确 <html> <head> <title>Date Select</title> <link rel="stylesheet" href="build/kalendae.css

非常初级的问题,我只想知道如何使用getSelected()函数获取Kalendae日历中选定日期的值。选择这些值后,我需要将它们存储在变量中

我正在使用多个选择日历,我试图记录所选日期,但似乎无法获取值,我试图将其放入var中,但我认为我做得不正确

<html>
   <head>
   <title>Date Select</title>
   <link rel="stylesheet" href="build/kalendae.css" type="text/css" charset="utf-8">
   <script src="build/kalendae.standalone.js" type="text/javascript" charset="utf-8">
   <style type="text/css" media="screen">
   .kalendae .k-days span.closed {
    background:red;
    }
    </style>
    </head>
    <body onload="getDate()">
       <center>
       <h4>Pick a date.</h4>
       <div id="myDiv" class="auto-kal" data-kal="months:1, mode:'multiple'"></div> 
      <script>function getDate(){
               var k = new Kalendae('myDiv');
                   k.subscribe('change', function (date) {
                 console.log(date, this.getSelected());
     });
      }<script>
   </center>
  </body>
</html>

日期选择
.kalendae.k天跨度关闭{
背景:红色;
}
选择一个日期。
函数getDate(){
var k=新的Kalendae(“myDiv”);
k、 订阅(“更改”,功能(日期){
log(日期,this.getSelected());
});
}
我希望得到如下值:

  • 2019年2月5日
  • 2019年2月7日
  • 2019年2月9日

选择后,但我甚至没有得到任何结果。

对于我来说,此代码满足您的要求。你有很多问题。我试着在评论中解释:

<html>

<head>
    <title>Date Select</title>
    <link rel="stylesheet" href="build/kalendae.css" type="text/css" charset="utf-8">
    <script src="build/kalendae.standalone.js" type="text/javascript" charset="utf-8">
</script> //Here you have to add closing script Tag
    <style type="text/css" media="screen">
        .kalendae .k-days span.closed {
            background: red;
        }
    </style>
</head>

<body>
    <center>
        <h4>Pick a date.</h4>
<!-- If you use class="auto-kal" the kalendae library generates a new Kalendae 
that does not have anything to do with your generated Kalendae object below. So
you have to  add a div with the ID myDiv that you are using in new 
Kalendae('myDiv'). If you want to understand this you can add "<div class="auto-
kal" data-kal="months:1, mode:'multiple'"> </div> " and you see two calendars 
-->

        <div id="myDiv" class="myDiv"></div>
        <script>

//You doesn't have a Div HTML-Tag with myDiv - Id so 
//this Kalendae was never displayed. 
//Especially your function getDate() was never called. So this code
//never runs.
        var k = new Kalendae('myDiv', {
            months:1,
            mode:'single',
            selected:Kalendae.moment().subtract({M:1})
        });

        k.subscribe('change', function (date) {
                        console.log(date, this.getSelected());
                    });

        </script>
    </center>
</body>

</html>

日期选择
//在这里,您必须添加结束脚本标记
.kalendae.k天跨度关闭{
背景:红色;
}
选择一个日期。
//您没有带有myDiv-Id的Div HTML标记,所以
//这根Kalendae从未展出过。
//尤其是从未调用过函数getDate()。所以这个代码
//从不跑步。
var k=新的Kalendae('myDiv'{
月份:1,
模式:'single',
选中:Kalendae.moment().subtract({M:1})
});
k、 订阅(“更改”,功能(日期){
log(日期,this.getSelected());
});

我希望这能帮助你

你能用getSelected()添加javascript代码吗?我添加了它,仍然不确定它是否正确,请原谅我不知道muchfunction getDate(){可能是因为你写的是scripr而不是脚本?在Kalendae的文档中,你的subscribe函数有错误的参数:k.subscribe('change',function(date){尝试了你的建议,但对我来说仍然不起作用,不过还是谢谢你的提示。