通过 jQuery 调用函数，并在 Razor HTML 中将结果输出到 div

Question

我正在使用Twitter的api和created_at属性。 具体来说，我正在尝试将时间戳发布到 X 秒、分钟、小时、几天、几周前。

我想我写了正确的函数，我只是不确定如何调用该函数。 我试图将我自己的属性放在一个div上，并使用jquery来查找该div。 现在我只需要知道如何调用该函数。

<div style="text-align: left" data-utc="@Model.FullTweetData.CreatedAt"></div>
<script src="/javascript/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function ($) {
        $("div[data-utc=@Model.FullTweetData.CreatedAt]")
        function parseTwitterDate(tdate) {
            var system_date = new Date(Date.parse(tdate));
            var user_date = new Date();
            if (K.ie) {
                system_date = Date.parse(tdate.replace(/( +)/, ' UTC$1'))
            }
            var diff = Math.floor((user_date - system_date) / 1000);
            if (diff < 60) { return "less than a minute ago"; }
            if (diff <= 90) { return "one minute ago"; }
            if (diff <= 3540) { return Math.round(diff / 60) + " minutes ago"; }
            if (diff <= 5400) { return "1 hour ago"; }
            if (diff <= 86400) { return Math.round(diff / 3600) + " hours ago"; }
            if (diff <= 129600) { return "1 day ago"; }
            if (diff < 604800) { return Math.round(diff / 86400) + " days ago"; }
            if (diff <= 777600) { return "1 week ago"; }
            return "on " + system_date;
        }
        var K = function () {
            var a = navigator.userAgent;
            return {
                ie: a.match(/MSIEs([^;]*)/)
            }
        }();
    });
</script>

任何帮助都会很棒

Answer 1

获取属性的值并将其存储在变量中：

var timeThing = $("div").attr('data-utc');

然后调用函数并传递参数：

parseTwitterDate(timeThing);

我猜想，仅选择所有div不会给您所需的结果，因此您可以考虑将id或类附加到div以确保选择正确的div：

.HTML：

<div class="twitterDates" data-utc="@Model.FullTweetData.CreatedAt"></div>

然后，您可以使用该类选择所有div，遍历每个div 并为每个div 调用解析日期函数。

.js：

$('div.twitterDates').each(function(){
  var timeThing = $(this).attr('data-utc);
  parseTwitterDate(timeThing);  
});

另外，由于您可能希望将函数的返回值放在某个位置，因此您可以考虑如下：

$('div.twitterDates').each(function(){
  var timeThing = $(this).attr('data-utc);
  $(this).text(parseTwitterDate(timeThing));
});