如何从innerHTML / textContent javascript获取日期

Question

这是我试图用来从填充了几个元素的元素内部获取日期的JavaScript代码

元素。 第9个元素包含YYYY-MM-DD格式的日期。 当我使用此代码时，似乎并没有将元素转换为JavaScript日期-而是在我尝试转储date变量时得到了[本机代码]。 有任何想法吗？

部分代码：

if (optvalue == 2) { 
    for (i = 0; i < trans_array.length; i++) {
        var cn = trans_array[i].childNodes;
        var dts = cn[9];

        try {
            var transdt = new Date(dts.innerHTML);
            if (transdt < prior_month) {
                trans_array[i].classList.add("hide");
                alert("node hiddent!");
            }
            alert(transdt.getDay + " / " + transdt.getMonth + " / " + transdt.getFullYear);
        } catch(err) {
            alert("Error: Inner HTML is not a date:" + dts.innerHTML)       
        }    
    }    
alert("Value is 2");
}

<div class="transaction_item prior_day" id="trans-88">
<!----------- Sub Row 1 ------------------->
<p class="tiday">Tue</p>
<p class="tipayee">Coutry Boy Gas</p>
<p class="ticredit">&nbsp;</p>
<p class="tidebit">7.02</p>
<p class="tibalance">1.24</p>
<p class="solid_box" id="check-88" onclick="toggle_checkmark(88)">&nbsp;</p>
<p onclick="edit(1, 88)">Edit</p>
<!-------------- Sub Row 2 --------------------->
<p class="tidate">2018-04-17</p>
<p class="ticat">Miscellaneous Expense</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="timemo">Gas for Car </p>
</div>

Answer 1

如果我理解正确，那么您想获取一个字符串date并转换为date() ，对吗？ 如果是，为什么不直接从类.tidate的元素中获取值，然后创建一个new date() ？

这将返回包含日，月，年和时间的完整日期，以获取所需的信息，您可以使用date()的get方法，例如：
getDate() ：返回月份中的某天（1-31）
getFullYear() ：返回年份（4位数字的年份）
getMonth() ：返回月份（0-11）

基本示例：

 var date_string = document.querySelector('.tidate').textContent; var nDate = new Date(date_string); console.log("Complete Date: " + nDate); console.log("Day:" + nDate.getDate()); console.log("Month:" + nDate.getMonth()); //ADD +1 to get "real life" month console.log("Year:" + nDate.getFullYear()); 

 <!----------- Sub Row 1 -------------------> <p class="tiday">Tue</p> <p class="tipayee">Coutry Boy Gas</p> <p class="ticredit">&nbsp;</p> <p class="tidebit">7.02</p> <p class="tibalance">1.24</p> <p class="solid_box" id="check-88" onclick="toggle_checkmark(88)">&nbsp;</p> <p onclick="edit(1, 88)">Edit</p> <!-------------- Sub Row 2 ---------------------> <p class="tidate">2018-04-17</p> 

如果我理解有误，请向我说明您的确切需求，或发布一个代码，以使我们可以在代码段中重现该问题。

Answer 2

根据我的理解，我已经进行了代码修改并创建了一个小提琴。

这是工作中的小提琴： https : //jsfiddle.net/kh9pandv/

修改：

 var dts = cn[9]; 

至

 var dts = trans_array.querySelector('.tidate');

在警报中，您没有调用函数，只是给函数命名。

alert(transdt.getDay() + " / " + transdt.getMonth() + " / " + transdt.getFullYear());

Answer 3

我认为问题在于您正在访问属性“ getDay”，而不是调用函数“ getDay（）”

尝试换行

alert(transdt.getDay + " / " + transdt.getMonth + " / " + transdt.getFullYear);

至

alert(transdt.getDay() + " / " + transdt.getMonth() + " / " + transdt.getFullYear());