如何处理 jQuery 和 MVC 中的相对路径，例如 DatePicker

发布于 2024-11-09 19:44:19 字数 860 浏览 3 评论 0原文

我有一个 MVC3 应用程序，我知道对于相对路径，我可以在 .aspx 视图中使用 Url.Content。

但是，我如何在 jQuery 中做类似的事情呢？我正在查看的是 jquery-ui datepicker，例如，我的 datetimem DateTime.ascx 有以下 EditorTemplate：

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %> 
    <%: Html.TextBox("", this.Model.ToString("MM/dd/yyyy"), new { @class="datepicker"}) %> 

    <script type="text/javascript">

    $(document).ready(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy', 
            gotoCurrent: true, 
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '../../../Content/images/calendar.png'  // WHAT DO I PUT HERE?
        });

    });   
    </script>

谢谢，

原文

I have an MVC3 application,
I know that for relative paths, I can use Url.Content in my .aspx Views.

However, how do I do something similar in jQuery? The one I'm looking at is the jquery-ui datepicker, e.g. I have the following EditorTemplate for my datetimem DateTime.ascx:

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %> 
    <%: Html.TextBox("", this.Model.ToString("MM/dd/yyyy"), new { @class="datepicker"}) %> 

    <script type="text/javascript">

    $(document).ready(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy', 
            gotoCurrent: true, 
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '../../../Content/images/calendar.png'  // WHAT DO I PUT HERE?
        });

    });   
    </script>

Thanks,

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜吻♂芭芘 2024-11-16 19:44:19

为什么你认为这不是答案？

<%= Url.Content("/Content/images/calendar.png") %>

回复收藏 0 原文

锦欢 2024-11-16 19:44:19

你可以简单地使用

<script type="text/javascript">
$(document).ready(function () {
 $(".datepicker").datepicker({
   changeMonth: true,
   changeYear: true,
   dateFormat: 'mm/dd/yy',
   gotoCurrent: true,
   showOn: 'button',
   buttonImageOnly: true,
   buttonImage: '@Url.Content("~/Content/images/calendar.png")'
 });
});   
</script>

You can simply use

<script type="text/javascript">
$(document).ready(function () {
 $(".datepicker").datepicker({
   changeMonth: true,
   changeYear: true,
   dateFormat: 'mm/dd/yy',
   gotoCurrent: true,
   showOn: 'button',
   buttonImageOnly: true,
   buttonImage: '@Url.Content("~/Content/images/calendar.png")'
 });
});   
</script>

回复收藏 0 原文

~没有更多了~